#2caecb hex color

In a RGB color space, hex #2caecb is composed of 17.3% red, 68.2% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 14.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 190.9 degrees, a saturation of 64.4% and a lightness of 48.4%. #2caecb color hex could be obtained by blending #58ffff with #005d97. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 68
- B 80
RGB color chart
- C 78
- M 14
- Y 0
- K 20
CMYK color chart

● #2caecb color description : Strong cyan.

The hexadecimal color #2caecb has RGB values of R:44, G:174, B:203 and CMYK values of C:0.78, M:0.14, Y:0, K:0.2. Its decimal value is 2928331.

Hex triplet	2caecb	`#2caecb`
RGB Decimal	44, 174, 203	`rgb(44,174,203)`
RGB Percent	17.3, 68.2, 79.6	`rgb(17.3%,68.2%,79.6%)`
CMYK	78, 14, 0, 20
HSL	190.9°, 64.4, 48.4	`hsl(190.9,64.4%,48.4%)`
HSV (or HSB)	190.9°, 78.3, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.84, -24.271, -24.538
XYZ	26.951, 35.117, 61.854
xyY	0.217, 0.283, 35.117
CIE-LCH	65.84, 34.513, 225.314
CIE-LUV	65.84, -44.519, -34.935
Hunter-Lab	59.259, -22.522, -20.405
Binary	00101100, 10101110, 11001011

#2caecb
```
#2caecb rgb(44,174,203)
```
#cb492c
```
#cb492c rgb(203,73,44)
```

Complementary Color

#2ccb99
```
#2ccb99 rgb(44,203,153)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#2c5fcb
```
#2c5fcb rgb(44,95,203)
```

Analogous Color

#cb992c
```
#cb992c rgb(203,153,44)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#cb2c5f
```
#cb2c5f rgb(203,44,95)
```

Split Complementary Color

#aecb2c
```
#aecb2c rgb(174,203,44)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#cb2cae
```
#cb2cae rgb(203,44,174)
```

Triadic Color

#2ccb49
```
#2ccb49 rgb(44,203,73)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#cb2cae
```
#cb2cae rgb(203,44,174)
```
#cb492c
```
#cb492c rgb(203,73,44)
```

Tetradic Color

#1e788c
```
#1e788c rgb(30,120,140)
```
#238aa1
```
#238aa1 rgb(35,138,161)
```
#279cb6
```
#279cb6 rgb(39,156,182)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#3cb9d5
```
#3cb9d5 rgb(60,185,213)
```
#51c0d9
```
#51c0d9 rgb(81,192,217)
```
#66c8de
```
#66c8de rgb(102,200,222)
```

Monochromatic Color

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

#2ccbc0
```
#2ccbc0 rgb(44,203,192)
```
#2cc9cb
```
#2cc9cb rgb(44,201,203)
```
#2cbbcb
```
#2cbbcb rgb(44,187,203)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#2ca1cb
```
#2ca1cb rgb(44,161,203)
```
#2c94cb
```
#2c94cb rgb(44,148,203)
```
#2c86cb
```
#2c86cb rgb(44,134,203)
```

Similar Colors

Text with hexadecimal color #2caecb

This text has a font color of #2caecb.

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

#2caecb background color

This paragraph has a background color of #2caecb.

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

#2caecb border color

This element has a border color of #2caecb.

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

CSS codes

.text {color:#2caecb;}

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

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

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 #f8fdfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06161a
```
#06161a rgb(6,22,26)
```
#09242a
```
#09242a rgb(9,36,42)
```
#0d323a
```
#0d323a rgb(13,50,58)
```
#103f4a
```
#103f4a rgb(16,63,74)
```
#144d5a
```
#144d5a rgb(20,77,90)
```
#175b6a
```
#175b6a rgb(23,91,106)
```
#1b697a
```
#1b697a rgb(27,105,122)
```
#1e778b
```
#1e778b rgb(30,119,139)
```
#22859b
```
#22859b rgb(34,133,155)
```
#2592ab
```
#2592ab rgb(37,146,171)
```
#29a0bb
```
#29a0bb rgb(41,160,187)
```
#2caecb
```
#2caecb rgb(44,174,203)
```

Shade Color Variation

#37b7d4
```
#37b7d4 rgb(55,183,212)
```
#47bdd7
```
#47bdd7 rgb(71,189,215)
```
#57c3db
```
#57c3db rgb(87,195,219)
```
#67c8de
```
#67c8de rgb(103,200,222)
```
#77cee2
```
#77cee2 rgb(119,206,226)
```
#88d4e5
```
#88d4e5 rgb(136,212,229)
```
#98dae9
```
#98dae9 rgb(152,218,233)
```
#a8e0ec
```
#a8e0ec rgb(168,224,236)
```
#b8e5f0
```
#b8e5f0 rgb(184,229,240)
```
#c8ebf3
```
#c8ebf3 rgb(200,235,243)
```
#d8f1f7
```
#d8f1f7 rgb(216,241,247)
```
#e8f7fa
```
#e8f7fa rgb(232,247,250)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787e7f is the less saturated color, while #06c6f1 is the most saturated one.

#787e7f
```
#787e7f rgb(120,126,127)
```
#6f8489
```
#6f8489 rgb(111,132,137)
```
#658a92
```
#658a92 rgb(101,138,146)
```
#5c909c
```
#5c909c rgb(92,144,156)
```
#5296a5
```
#5296a5 rgb(82,150,165)
```
#499caf
```
#499caf rgb(73,156,175)
```
#3fa2b8
```
#3fa2b8 rgb(63,162,184)
```
#36a8c2
```
#36a8c2 rgb(54,168,194)
```
#2caecb
```
#2caecb rgb(44,174,203)
```
#23b4d5
```
#23b4d5 rgb(35,180,213)
```
#19bade
```
#19bade rgb(25,186,222)
```
#10c0e8
```
#10c0e8 rgb(16,192,232)
```
#06c6f1
```
#06c6f1 rgb(6,198,241)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#779197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da3c4 Protanopia 1% of men
#99a2d3 Deuteranopia 1% of men
#26b4c1 Tritanopia 0.001% of the population

Trichromacy

#74a7c6 Protanomaly 1% of men, 0.01% of women
#71a6d0 Deuteranomaly 6% of men, 0.4% of women
#28b2c5 Tritanomaly 0.01% of the population

#2caecb hex color

#2caecb Color Information

#2caecb Color Conversion

Color Schemes with #2caecb

Alternatives to #2caecb

#2caecb Preview

Shades and Tints of #2caecb

Tones of #2caecb

Color Blindness Simulator