colorhexa.com

#2e99ed hex color

In a RGB color space, hex #2e99ed is composed of 18% red, 60% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 35.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.4 degrees, a saturation of 84.1% and a lightness of 55.5%. #2e99ed color hex could be obtained by blending #5cffff with #0033db. Closest websafe color is: #3399ff.

- R 18
- G 60
- B 93
RGB color chart
- C 81
- M 35
- Y 0
- K 7
CMYK color chart

● #2e99ed color description : Bright blue.

The hexadecimal color #2e99ed has RGB values of R:46, G:153, B:237 and CMYK values of C:0.81, M:0.35, Y:0, K:0.07. Its decimal value is 3054061.

Hex triplet	2e99ed	`#2e99ed`
RGB Decimal	46, 153, 237	`rgb(46,153,237)`
RGB Percent	18, 60, 92.9	`rgb(18%,60%,92.9%)`
CMYK	81, 35, 0, 7
HSL	206.4°, 84.1, 55.5	`hsl(206.4,84.1%,55.5%)`
HSV (or HSB)	206.4°, 80.6, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.199, -0.854, -50.576
XYZ	27.8, 29.475, 84.34
xyY	0.196, 0.208, 29.475
CIE-LCH	61.199, 50.583, 269.033
CIE-LUV	61.199, -35.025, -80.671
Hunter-Lab	54.291, -3.607, -54.102
Binary	00101110, 10011001, 11101101

#2e99ed
```
#2e99ed rgb(46,153,237)
```
#ed822e
```
#ed822e rgb(237,130,46)
```

Complementary Color

#2eede2
```
#2eede2 rgb(46,237,226)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#2e39ed
```
#2e39ed rgb(46,57,237)
```

Analogous Color

#ede22e
```
#ede22e rgb(237,226,46)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#ed2e39
```
#ed2e39 rgb(237,46,57)
```

Split Complementary Color

#99ed2e
```
#99ed2e rgb(153,237,46)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#ed2e99
```
#ed2e99 rgb(237,46,153)
```

Triadic Color

#2eed82
```
#2eed82 rgb(46,237,130)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#ed2e99
```
#ed2e99 rgb(237,46,153)
```
#ed822e
```
#ed822e rgb(237,130,46)
```

Tetradic Color

#1072be
```
#1072be rgb(16,114,190)
```
#1280d6
```
#1280d6 rgb(18,128,214)
```
#178eeb
```
#178eeb rgb(23,142,235)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#45a4ef
```
#45a4ef rgb(69,164,239)
```
#5db0f1
```
#5db0f1 rgb(93,176,241)
```
#74bbf3
```
#74bbf3 rgb(116,187,243)
```

Monochromatic Color

Below, you can see some colors close to #2e99ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2ec9ed
```
#2ec9ed rgb(46,201,237)
```
#2eb9ed
```
#2eb9ed rgb(46,185,237)
```
#2ea9ed
```
#2ea9ed rgb(46,169,237)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#2e89ed
```
#2e89ed rgb(46,137,237)
```
#2e79ed
```
#2e79ed rgb(46,121,237)
```
#2e69ed
```
#2e69ed rgb(46,105,237)
```

Similar Colors

Text with hexadecimal color #2e99ed

This text has a font color of #2e99ed.

<span style="color:#2e99ed;">Text here</span>

#2e99ed background color

This paragraph has a background color of #2e99ed.

<p style="background-color:#2e99ed;">Content here</p>

#2e99ed border color

This element has a border color of #2e99ed.

<div style="border:1px solid #2e99ed;">Content here</div>

CSS codes

.text {color:#2e99ed;}

.background {background-color:#2e99ed;}

.border {border:1px solid #2e99ed;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010508 is the darkest color, while #f5fafe is the lightest one.

#010508
```
#010508 rgb(1,5,8)
```
#020f1a
```
#020f1a rgb(2,15,26)
```
#041a2c
```
#041a2c rgb(4,26,44)
```
#05253e
```
#05253e rgb(5,37,62)
```
#073050
```
#073050 rgb(7,48,80)
```
#083b62
```
#083b62 rgb(8,59,98)
```
#0a4574
```
#0a4574 rgb(10,69,116)
```
#0c5086
```
#0c5086 rgb(12,80,134)
```
#0d5b98
```
#0d5b98 rgb(13,91,152)
```
#0f66aa
```
#0f66aa rgb(15,102,170)
```
#1071bc
```
#1071bc rgb(16,113,188)
```
#127bce
```
#127bce rgb(18,123,206)
```
#1386e0
```
#1386e0 rgb(19,134,224)
```

Shade Color Variation

#1c90eb
```
#1c90eb rgb(28,144,235)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#40a2ef
```
#40a2ef rgb(64,162,239)
```
#52abf0
```
#52abf0 rgb(82,171,240)
```
#64b3f2
```
#64b3f2 rgb(100,179,242)
```
#76bcf3
```
#76bcf3 rgb(118,188,243)
```
#88c5f5
```
#88c5f5 rgb(136,197,245)
```
#9acef6
```
#9acef6 rgb(154,206,246)
```
#acd7f8
```
#acd7f8 rgb(172,215,248)
```
#bee0f9
```
#bee0f9 rgb(190,224,249)
```
#d1e8fb
```
#d1e8fb rgb(209,232,251)
```
#e3f1fd
```
#e3f1fd rgb(227,241,253)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858e96 is the less saturated color, while #1d9bfe is the most saturated one.

#858e96
```
#858e96 rgb(133,142,150)
```
#7d909e
```
#7d909e rgb(125,144,158)
```
#7491a7
```
#7491a7 rgb(116,145,167)
```
#6b92b0
```
#6b92b0 rgb(107,146,176)
```
#6293b9
```
#6293b9 rgb(98,147,185)
```
#5a94c1
```
#5a94c1 rgb(90,148,193)
```
#5195ca
```
#5195ca rgb(81,149,202)
```
#4896d3
```
#4896d3 rgb(72,150,211)
```
#3f97dc
```
#3f97dc rgb(63,151,220)
```
#3798e4
```
#3798e4 rgb(55,152,228)
```
#2e99ed
```
#2e99ed rgb(46,153,237)
```
#259af6
```
#259af6 rgb(37,154,246)
```
#1d9bfe
```
#1d9bfe rgb(29,155,254)
```

Tone Color Variation

Below, you can see how #2e99ed is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#838383 Achromatopsia 0.005% of the population
#728798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7896e7 Protanopia 1% of men
#5d9aef Deuteranopia 1% of men
#00a8b3 Tritanopia 0.001% of the population

Trichromacy

#5d97e9 Protanomaly 1% of men, 0.01% of women
#4c99ee Deuteranomaly 6% of men, 0.4% of women
#10a2c8 Tritanomaly 0.01% of the population