#229bae hex color

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

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

● #229bae color description : Dark cyan.

The hexadecimal color #229bae has RGB values of R:34, G:155, B:174 and CMYK values of C:0.8, M:0.11, Y:0, K:0.32. Its decimal value is 2268078.

Hex triplet	229bae	`#229bae`
RGB Decimal	34, 155, 174	`rgb(34,155,174)`
RGB Percent	13.3, 60.8, 68.2	`rgb(13.3%,60.8%,68.2%)`
CMYK	80, 11, 0, 32
HSL	188.1°, 67.3, 40.8	`hsl(188.1,67.3%,40.8%)`
HSV (or HSB)	188.1°, 80.5, 68.2
Web Safe	339999	`#339999`

CIE-LAB	58.823, -25.025, -19.045
XYZ	20.019, 26.837, 44.167
xyY	0.22, 0.295, 26.837
CIE-LCH	58.823, 31.447, 217.273
CIE-LUV	58.823, -40.972, -25.389
Hunter-Lab	51.804, -21.679, -14.286
Binary	00100010, 10011011, 10101110

#229bae
```
#229bae rgb(34,155,174)
```
#ae3522
```
#ae3522 rgb(174,53,34)
```

Complementary Color

#22ae7b
```
#22ae7b rgb(34,174,123)
```
#229bae
```
#229bae rgb(34,155,174)
```
#2255ae
```
#2255ae rgb(34,85,174)
```

Analogous Color

#ae7b22
```
#ae7b22 rgb(174,123,34)
```
#229bae
```
#229bae rgb(34,155,174)
```
#ae2255
```
#ae2255 rgb(174,34,85)
```

Split Complementary Color

#9bae22
```
#9bae22 rgb(155,174,34)
```
#229bae
```
#229bae rgb(34,155,174)
```
#ae229b
```
#ae229b rgb(174,34,155)
```

Triadic Color

#22ae35
```
#22ae35 rgb(34,174,53)
```
#229bae
```
#229bae rgb(34,155,174)
```
#ae229b
```
#ae229b rgb(174,34,155)
```
#ae3522
```
#ae3522 rgb(174,53,34)
```

Tetradic Color

#15626e
```
#15626e rgb(21,98,110)
```
#1a7583
```
#1a7583 rgb(26,117,131)
```
#1e8899
```
#1e8899 rgb(30,136,153)
```
#229bae
```
#229bae rgb(34,155,174)
```
#26aec3
```
#26aec3 rgb(38,174,195)
```
#2dbfd6
```
#2dbfd6 rgb(45,191,214)
```
#42c6da
```
#42c6da rgb(66,198,218)
```

Monochromatic Color

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

#22ae9e
```
#22ae9e rgb(34,174,158)
```
#22aeaa
```
#22aeaa rgb(34,174,170)
```
#22a7ae
```
#22a7ae rgb(34,167,174)
```
#229bae
```
#229bae rgb(34,155,174)
```
#228fae
```
#228fae rgb(34,143,174)
```
#2284ae
```
#2284ae rgb(34,132,174)
```
#2278ae
```
#2278ae rgb(34,120,174)
```

Similar Colors

Text with hexadecimal color #229bae

This text has a font color of #229bae.

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

#229bae background color

This paragraph has a background color of #229bae.

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

#229bae border color

This element has a border color of #229bae.

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

CSS codes

.text {color:#229bae;}

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

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

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)
```
#05171a
```
#05171a rgb(5,23,26)
```
#08262b
```
#08262b rgb(8,38,43)
```
#0c353b
```
#0c353b rgb(12,53,59)
```
#0f434c
```
#0f434c rgb(15,67,76)
```
#12525c
```
#12525c rgb(18,82,92)
```
#15616c
```
#15616c rgb(21,97,108)
```
#186f7d
```
#186f7d rgb(24,111,125)
```
#1c7e8d
```
#1c7e8d rgb(28,126,141)
```
#1f8c9e
```
#1f8c9e rgb(31,140,158)
```
#229bae
```
#229bae rgb(34,155,174)
```
#25aabe
```
#25aabe rgb(37,170,190)
```
#28b8cf
```
#28b8cf rgb(40,184,207)
```

Shade Color Variation

#34c1d7
```
#34c1d7 rgb(52,193,215)
```
#44c6da
```
#44c6da rgb(68,198,218)
```
#54cbde
```
#54cbde rgb(84,203,222)
```
#65d0e1
```
#65d0e1 rgb(101,208,225)
```
#75d5e4
```
#75d5e4 rgb(117,213,228)
```
#86dae7
```
#86dae7 rgb(134,218,231)
```
#96dfea
```
#96dfea rgb(150,223,234)
```
#a6e4ee
```
#a6e4ee rgb(166,228,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 #02b2ce 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)
```
#328f9e
```
#328f9e rgb(50,143,158)
```
#2a95a6
```
#2a95a6 rgb(42,149,166)
```
#229bae
```
#229bae rgb(34,155,174)
```
#1aa1b6
```
#1aa1b6 rgb(26,161,182)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#0aacc6
```
#0aacc6 rgb(10,172,198)
```
#02b2ce
```
#02b2ce rgb(2,178,206)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#688084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e92a9 Protanopia 1% of men
#8c90b8 Deuteranopia 1% of men
#26a1ac Tritanopia 0.001% of the population

Trichromacy

#6795ab Protanomaly 1% of men, 0.01% of women
#6594b4 Deuteranomaly 6% of men, 0.4% of women
#249ead Tritanomaly 0.01% of the population

#229bae hex color

#229bae Color Information

#229bae Color Conversion

Color Schemes with #229bae

Alternatives to #229bae

#229bae Preview

Shades and Tints of #229bae

Tones of #229bae

Color Blindness Simulator