#229bac hex color

In a RGB color space, hex #229bac is composed of 13.3% red, 60.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 9.9% magenta, 0% yellow and 32.5% black. It has a hue angle of 187.4 degrees, a saturation of 67% and a lightness of 40.4%. #229bac color hex could be obtained by blending #44ffff with #003759. Closest websafe color is: #339999.

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

● #229bac color description : Dark cyan.

The hexadecimal color #229bac has RGB values of R:34, G:155, B:172 and CMYK values of C:0.8, M:0.1, Y:0, K:0.33. Its decimal value is 2268076.

Hex triplet	229bac	`#229bac`
RGB Decimal	34, 155, 172	`rgb(34,155,172)`
RGB Percent	13.3, 60.8, 67.5	`rgb(13.3%,60.8%,67.5%)`
CMYK	80, 10, 0, 33
HSL	187.4°, 67, 40.4	`hsl(187.4,67%,40.4%)`
HSV (or HSB)	187.4°, 80.2, 67.5
Web Safe	339999	`#339999`

CIE-LAB	58.751, -25.676, -18.021
XYZ	19.825, 26.759, 43.148
xyY	0.221, 0.298, 26.759
CIE-LCH	58.751, 31.369, 215.064
CIE-LUV	58.751, -41.112, -23.661
Hunter-Lab	51.73, -22.117, -13.243
Binary	00100010, 10011011, 10101100

#229bac
```
#229bac rgb(34,155,172)
```
#ac3322
```
#ac3322 rgb(172,51,34)
```

Complementary Color

#22ac78
```
#22ac78 rgb(34,172,120)
```
#229bac
```
#229bac rgb(34,155,172)
```
#2256ac
```
#2256ac rgb(34,86,172)
```

Analogous Color

#ac7822
```
#ac7822 rgb(172,120,34)
```
#229bac
```
#229bac rgb(34,155,172)
```
#ac2256
```
#ac2256 rgb(172,34,86)
```

Split Complementary Color

#9bac22
```
#9bac22 rgb(155,172,34)
```
#229bac
```
#229bac rgb(34,155,172)
```
#ac229b
```
#ac229b rgb(172,34,155)
```

Triadic Color

#22ac33
```
#22ac33 rgb(34,172,51)
```
#229bac
```
#229bac rgb(34,155,172)
```
#ac229b
```
#ac229b rgb(172,34,155)
```
#ac3322
```
#ac3322 rgb(172,51,34)
```

Tetradic Color

#15616c
```
#15616c rgb(21,97,108)
```
#1a7581
```
#1a7581 rgb(26,117,129)
```
#1e8897
```
#1e8897 rgb(30,136,151)
```
#229bac
```
#229bac rgb(34,155,172)
```
#26aec1
```
#26aec1 rgb(38,174,193)
```
#2cc0d5
```
#2cc0d5 rgb(44,192,213)
```
#41c7d9
```
#41c7d9 rgb(65,199,217)
```

Monochromatic Color

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

#22ac9b
```
#22ac9b rgb(34,172,155)
```
#22aca6
```
#22aca6 rgb(34,172,166)
```
#22a7ac
```
#22a7ac rgb(34,167,172)
```
#229bac
```
#229bac rgb(34,155,172)
```
#2290ac
```
#2290ac rgb(34,144,172)
```
#2284ac
```
#2284ac rgb(34,132,172)
```
#2279ac
```
#2279ac rgb(34,121,172)
```

Similar Colors

Text with hexadecimal color #229bac

This text has a font color of #229bac.

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

#229bac background color

This paragraph has a background color of #229bac.

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

#229bac border color

This element has a border color of #229bac.

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

CSS codes

.text {color:#229bac;}

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

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

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, #020708 is the darkest color, while #f7fdfd is the lightest one.

#020708
```
#020708 rgb(2,7,8)
```
#051619
```
#051619 rgb(5,22,25)
```
#082529
```
#082529 rgb(8,37,41)
```
#0b3439
```
#0b3439 rgb(11,52,57)
```
#0f424a
```
#0f424a rgb(15,66,74)
```
#12515a
```
#12515a rgb(18,81,90)
```
#15606a
```
#15606a rgb(21,96,106)
```
#186f7b
```
#186f7b rgb(24,111,123)
```
#1c7d8b
```
#1c7d8b rgb(28,125,139)
```
#1f8c9c
```
#1f8c9c rgb(31,140,156)
```
#229bac
```
#229bac rgb(34,155,172)
```
#25aabc
```
#25aabc rgb(37,170,188)
```
#28b9cd
```
#28b9cd rgb(40,185,205)
```

Shade Color Variation

#32c2d7
```
#32c2d7 rgb(50,194,215)
```
#43c7da
```
#43c7da rgb(67,199,218)
```
#53ccdd
```
#53ccdd rgb(83,204,221)
```
#63d1e0
```
#63d1e0 rgb(99,209,224)
```
#74d6e3
```
#74d6e3 rgb(116,214,227)
```
#84dbe7
```
#84dbe7 rgb(132,219,231)
```
#95dfea
```
#95dfea rgb(149,223,234)
```
#a5e4ed
```
#a5e4ed rgb(165,228,237)
```
#b5e9f0
```
#b5e9f0 rgb(181,233,240)
```
#c6eef4
```
#c6eef4 rgb(198,238,244)
```
#d6f3f7
```
#d6f3f7 rgb(214,243,247)
```
#e6f8fa
```
#e6f8fa rgb(230,248,250)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#616b6d
```
#616b6d rgb(97,107,109)
```
#597175
```
#597175 rgb(89,113,117)
```
#52777c
```
#52777c rgb(82,119,124)
```
#4a7d84
```
#4a7d84 rgb(74,125,132)
```
#42838c
```
#42838c rgb(66,131,140)
```
#3a8994
```
#3a8994 rgb(58,137,148)
```
#328f9c
```
#328f9c rgb(50,143,156)
```
#2a95a4
```
#2a95a4 rgb(42,149,164)
```
#229bac
```
#229bac rgb(34,155,172)
```
#1aa1b4
```
#1aa1b4 rgb(26,161,180)
```
#12a7bc
```
#12a7bc rgb(18,167,188)
```
#0aadc4
```
#0aadc4 rgb(10,173,196)
```
#02b3cc
```
#02b3cc rgb(2,179,204)
```

Tone Color Variation

Below, you can see how #229bac 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
#688083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f92a7 Protanopia 1% of men
#8d90b6 Deuteranopia 1% of men
#28a0ac Tritanopia 0.001% of the population

Trichromacy

#6795a9 Protanomaly 1% of men, 0.01% of women
#6694b2 Deuteranomaly 6% of men, 0.4% of women
#269eac Tritanomaly 0.01% of the population

#229bac hex color

#229bac Color Information

#229bac Color Conversion

Color Schemes with #229bac

Alternatives to #229bac

#229bac Preview

Shades and Tints of #229bac

Tones of #229bac

Color Blindness Simulator