colorhexa.com

#2eaddd hex color

In a RGB color space, hex #2eaddd is composed of 18% red, 67.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 21.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.5 degrees, a saturation of 72% and a lightness of 52.4%. #2eaddd color hex could be obtained by blending #5cffff with #005bbb. Closest websafe color is: #3399cc.

- R 18
- G 68
- B 87
RGB color chart
- C 79
- M 22
- Y 0
- K 13
CMYK color chart

● #2eaddd color description : Bright blue.

The hexadecimal color #2eaddd has RGB values of R:46, G:173, B:221 and CMYK values of C:0.79, M:0.22, Y:0, K:0.13. Its decimal value is 3059165.

Hex triplet	2eaddd	`#2eaddd`
RGB Decimal	46, 173, 221	`rgb(46,173,221)`
RGB Percent	18, 67.8, 86.7	`rgb(18%,67.8%,86.7%)`
CMYK	79, 22, 0, 13
HSL	196.5°, 72, 52.4	`hsl(196.5,72%,52.4%)`
HSV (or HSB)	196.5°, 79.2, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.279, -17.588, -33.787
XYZ	29.118, 35.686, 73.756
xyY	0.21, 0.258, 35.686
CIE-LCH	66.279, 38.091, 242.5
CIE-LUV	66.279, -42.732, -51.31
Hunter-Lab	59.738, -17.534, -31.387
Binary	00101110, 10101101, 11011101

#2eaddd
```
#2eaddd rgb(46,173,221)
```
#dd5e2e
```
#dd5e2e rgb(221,94,46)
```

Complementary Color

#2eddb6
```
#2eddb6 rgb(46,221,182)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#2e56dd
```
#2e56dd rgb(46,86,221)
```

Analogous Color

#ddb62e
```
#ddb62e rgb(221,182,46)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#dd2e56
```
#dd2e56 rgb(221,46,86)
```

Split Complementary Color

#addd2e
```
#addd2e rgb(173,221,46)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#dd2ead
```
#dd2ead rgb(221,46,173)
```

Triadic Color

#2edd5e
```
#2edd5e rgb(46,221,94)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#dd2ead
```
#dd2ead rgb(221,46,173)
```
#dd5e2e
```
#dd5e2e rgb(221,94,46)
```

Tetradic Color

#1b7ea4
```
#1b7ea4 rgb(27,126,164)
```
#1e8fba
```
#1e8fba rgb(30,143,186)
```
#22a0d0
```
#22a0d0 rgb(34,160,208)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#44b6e1
```
#44b6e1 rgb(68,182,225)
```
#5abee4
```
#5abee4 rgb(90,190,228)
```
#70c7e8
```
#70c7e8 rgb(112,199,232)
```

Monochromatic Color

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

#2ed9dd
```
#2ed9dd rgb(46,217,221)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#2ebcdd
```
#2ebcdd rgb(46,188,221)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#2e9edd
```
#2e9edd rgb(46,158,221)
```
#2e90dd
```
#2e90dd rgb(46,144,221)
```
#2e81dd
```
#2e81dd rgb(46,129,221)
```

Similar Colors

Text with hexadecimal color #2eaddd

This text has a font color of #2eaddd.

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

#2eaddd background color

This paragraph has a background color of #2eaddd.

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

#2eaddd border color

This element has a border color of #2eaddd.

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

CSS codes

.text {color:#2eaddd;}

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

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

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, #02080a is the darkest color, while #f8fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#04151b
```
#04151b rgb(4,21,27)
```
#07222c
```
#07222c rgb(7,34,44)
```
#0a2f3d
```
#0a2f3d rgb(10,47,61)
```
#0d3c4e
```
#0d3c4e rgb(13,60,78)
```
#0f495f
```
#0f495f rgb(15,73,95)
```
#125670
```
#125670 rgb(18,86,112)
```
#156380
```
#156380 rgb(21,99,128)
```
#187091
```
#187091 rgb(24,112,145)
```
#1a7da2
```
#1a7da2 rgb(26,125,162)
```
#1d8ab3
```
#1d8ab3 rgb(29,138,179)
```
#2097c4
```
#2097c4 rgb(32,151,196)
```
#23a4d5
```
#23a4d5 rgb(35,164,213)
```

Shade Color Variation

#2eaddd
```
#2eaddd rgb(46,173,221)
```
#3fb4e0
```
#3fb4e0 rgb(63,180,224)
```
#50bae2
```
#50bae2 rgb(80,186,226)
```
#61c1e5
```
#61c1e5 rgb(97,193,229)
```
#71c7e8
```
#71c7e8 rgb(113,199,232)
```
#82ceeb
```
#82ceeb rgb(130,206,235)
```
#93d5ed
```
#93d5ed rgb(147,213,237)
```
#a4dbf0
```
#a4dbf0 rgb(164,219,240)
```
#b5e2f3
```
#b5e2f3 rgb(181,226,243)
```
#c6e9f6
```
#c6e9f6 rgb(198,233,246)
```
#d7eff8
```
#d7eff8 rgb(215,239,248)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828789 is the less saturated color, while #12baf9 is the most saturated one.

#828789
```
#828789 rgb(130,135,137)
```
#798b92
```
#798b92 rgb(121,139,146)
```
#6f8f9c
```
#6f8f9c rgb(111,143,156)
```
#6694a5
```
#6694a5 rgb(102,148,165)
```
#5d98ae
```
#5d98ae rgb(93,152,174)
```
#539cb8
```
#539cb8 rgb(83,156,184)
```
#4aa0c1
```
#4aa0c1 rgb(74,160,193)
```
#41a5ca
```
#41a5ca rgb(65,165,202)
```
#37a9d4
```
#37a9d4 rgb(55,169,212)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#25b1e6
```
#25b1e6 rgb(37,177,230)
```
#1bb5f0
```
#1bb5f0 rgb(27,181,240)
```
#12baf9
```
#12baf9 rgb(18,186,249)
```

Tone Color Variation

Below, you can see how #2eaddd 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

#8c8c8c Achromatopsia 0.005% of the population
#79939c Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a4d5 Protanopia 1% of men
#8da4e3 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#71a7d8 Protanomaly 1% of men, 0.01% of women
#6aa7e1 Deuteranomaly 6% of men, 0.4% of women
#10b2cc Tritanomaly 0.01% of the population