#229cae hex color

In a RGB color space, hex #229cae is composed of 13.3% red, 61.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 10.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 187.7 degrees, a saturation of 67.3% and a lightness of 40.8%. #229cae color hex could be obtained by blending #44ffff with #00395d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 61
- B 68
RGB color chart
- C 80
- M 10
- Y 0
- K 32
CMYK color chart

● #229cae color description : Dark cyan.

The hexadecimal color #229cae has RGB values of R:34, G:156, B:174 and CMYK values of C:0.8, M:0.1, Y:0, K:0.32. Its decimal value is 2268334.

Hex triplet	229cae	`#229cae`
RGB Decimal	34, 156, 174	`rgb(34,156,174)`
RGB Percent	13.3, 61.2, 68.2	`rgb(13.3%,61.2%,68.2%)`
CMYK	80, 10, 0, 32
HSL	187.7°, 67.3, 40.8	`hsl(187.7,67.3%,40.8%)`
HSV (or HSB)	187.7°, 80.5, 68.2
Web Safe	339999	`#339999`

CIE-LAB	59.132, -25.532, -18.574
XYZ	20.186, 27.171, 44.223
xyY	0.22, 0.297, 27.171
CIE-LCH	59.132, 31.574, 216.035
CIE-LUV	59.132, -41.328, -24.588
Hunter-Lab	52.126, -22.096, -13.813
Binary	00100010, 10011100, 10101110

#229cae
```
#229cae rgb(34,156,174)
```
#ae3422
```
#ae3422 rgb(174,52,34)
```

Complementary Color

#22ae7a
```
#22ae7a rgb(34,174,122)
```
#229cae
```
#229cae rgb(34,156,174)
```
#2256ae
```
#2256ae rgb(34,86,174)
```

Analogous Color

#ae7a22
```
#ae7a22 rgb(174,122,34)
```
#229cae
```
#229cae rgb(34,156,174)
```
#ae2256
```
#ae2256 rgb(174,34,86)
```

Split Complementary Color

#9cae22
```
#9cae22 rgb(156,174,34)
```
#229cae
```
#229cae rgb(34,156,174)
```
#ae229c
```
#ae229c rgb(174,34,156)
```

Triadic Color

#22ae34
```
#22ae34 rgb(34,174,52)
```
#229cae
```
#229cae rgb(34,156,174)
```
#ae229c
```
#ae229c rgb(174,34,156)
```
#ae3422
```
#ae3422 rgb(174,52,34)
```

Tetradic Color

#15636e
```
#15636e rgb(21,99,110)
```
#1a7683
```
#1a7683 rgb(26,118,131)
```
#1e8999
```
#1e8999 rgb(30,137,153)
```
#229cae
```
#229cae rgb(34,156,174)
```
#26afc3
```
#26afc3 rgb(38,175,195)
```
#2dc0d6
```
#2dc0d6 rgb(45,192,214)
```
#42c7da
```
#42c7da rgb(66,199,218)
```

Monochromatic Color

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

#22ae9d
```
#22ae9d rgb(34,174,157)
```
#22aea9
```
#22aea9 rgb(34,174,169)
```
#22a8ae
```
#22a8ae rgb(34,168,174)
```
#229cae
```
#229cae rgb(34,156,174)
```
#2290ae
```
#2290ae rgb(34,144,174)
```
#2285ae
```
#2285ae rgb(34,133,174)
```
#2279ae
```
#2279ae rgb(34,121,174)
```

Similar Colors

Text with hexadecimal color #229cae

This text has a font color of #229cae.

<span style="color:#229cae;">Text here</span>

#229cae background color

This paragraph has a background color of #229cae.

<p style="background-color:#229cae;">Content here</p>

#229cae border color

This element has a border color of #229cae.

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

CSS codes

.text {color:#229cae;}

.background {background-color:#229cae;}

.border {border:1px solid #229cae;}

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

#02090a
```
#02090a rgb(2,9,10)
```
#05181a
```
#05181a rgb(5,24,26)
```
#08262b
```
#08262b rgb(8,38,43)
```
#0c353b
```
#0c353b rgb(12,53,59)
```
#0f444c
```
#0f444c rgb(15,68,76)
```
#12525c
```
#12525c rgb(18,82,92)
```
#15616c
```
#15616c rgb(21,97,108)
```
#18707d
```
#18707d rgb(24,112,125)
```
#1c7f8d
```
#1c7f8d rgb(28,127,141)
```
#1f8d9e
```
#1f8d9e rgb(31,141,158)
```
#229cae
```
#229cae rgb(34,156,174)
```
#25abbe
```
#25abbe rgb(37,171,190)
```
#28b9cf
```
#28b9cf rgb(40,185,207)
```

Shade Color Variation

#34c2d7
```
#34c2d7 rgb(52,194,215)
```
#44c7da
```
#44c7da rgb(68,199,218)
```
#54ccde
```
#54ccde rgb(84,204,222)
```
#65d1e1
```
#65d1e1 rgb(101,209,225)
```
#75d6e4
```
#75d6e4 rgb(117,214,228)
```
#86dbe7
```
#86dbe7 rgb(134,219,231)
```
#96e0ea
```
#96e0ea rgb(150,224,234)
```
#a6e5ee
```
#a6e5ee rgb(166,229,238)
```
#b7e9f1
```
#b7e9f1 rgb(183,233,241)
```
#c7eef4
```
#c7eef4 rgb(199,238,244)
```
#d8f3f7
```
#d8f3f7 rgb(216,243,247)
```
#e8f8fb
```
#e8f8fb rgb(232,248,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626c6e is the less saturated color, while #02b4ce is the most saturated one.

#626c6e
```
#626c6e rgb(98,108,110)
```
#5a7276
```
#5a7276 rgb(90,114,118)
```
#52787e
```
#52787e rgb(82,120,126)
```
#4a7e86
```
#4a7e86 rgb(74,126,134)
```
#42848e
```
#42848e rgb(66,132,142)
```
#3a8a96
```
#3a8a96 rgb(58,138,150)
```
#32909e
```
#32909e rgb(50,144,158)
```
#2a96a6
```
#2a96a6 rgb(42,150,166)
```
#229cae
```
#229cae rgb(34,156,174)
```
#1aa2b6
```
#1aa2b6 rgb(26,162,182)
```
#12a8be
```
#12a8be rgb(18,168,190)
```
#0aaec6
```
#0aaec6 rgb(10,174,198)
```
#02b4ce
```
#02b4ce rgb(2,180,206)
```

Tone Color Variation

Below, you can see how #229cae 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

#7a7a7a Achromatopsia 0.005% of the population
#688184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f93a9 Protanopia 1% of men
#8d91b8 Deuteranopia 1% of men
#27a1ad Tritanopia 0.001% of the population

Trichromacy

#6796ab Protanomaly 1% of men, 0.01% of women
#6695b4 Deuteranomaly 6% of men, 0.4% of women
#259fad Tritanomaly 0.01% of the population

#229cae hex color

#229cae Color Information

#229cae Color Conversion

Color Schemes with #229cae

Alternatives to #229cae

#229cae Preview

Shades and Tints of #229cae

Tones of #229cae

Color Blindness Simulator