#229b8d hex color

In a RGB color space, hex #229b8d is composed of 13.3% red, 60.8% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 9% yellow and 39.2% black. It has a hue angle of 173.1 degrees, a saturation of 64% and a lightness of 37.1%. #229b8d color hex could be obtained by blending #44ffff with #00371b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 61
- B 55
RGB color chart
- C 78
- M 0
- Y 9
- K 39
CMYK color chart

● #229b8d color description : Dark cyan.

The hexadecimal color #229b8d has RGB values of R:34, G:155, B:141 and CMYK values of C:0.78, M:0, Y:0.09, K:0.39. Its decimal value is 2268045.

Hex triplet	229b8d	`#229b8d`
RGB Decimal	34, 155, 141	`rgb(34,155,141)`
RGB Percent	13.3, 60.8, 55.3	`rgb(13.3%,60.8%,55.3%)`
CMYK	78, 0, 9, 39
HSL	173.1°, 64, 37.1	`hsl(173.1,64%,37.1%)`
HSV (or HSB)	173.1°, 78.1, 60.8
Web Safe	339999	`#339999`

CIE-LAB	57.755, -35.167, -1.889
XYZ	17.187, 25.704, 29.253
xyY	0.238, 0.356, 25.704
CIE-LCH	57.755, 35.218, 183.075
CIE-LUV	57.755, -43.309, 2.47
Hunter-Lab	50.699, -28.212, 1.279
Binary	00100010, 10011011, 10001101

#229b8d
```
#229b8d rgb(34,155,141)
```
#9b2230
```
#9b2230 rgb(155,34,48)
```

Complementary Color

#229b51
```
#229b51 rgb(34,155,81)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#226d9b
```
#226d9b rgb(34,109,155)
```

Analogous Color

#9b5122
```
#9b5122 rgb(155,81,34)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#9b226d
```
#9b226d rgb(155,34,109)
```

Split Complementary Color

#9b8d22
```
#9b8d22 rgb(155,141,34)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#8d229b
```
#8d229b rgb(141,34,155)
```

Triadic Color

#309b22
```
#309b22 rgb(48,155,34)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#8d229b
```
#8d229b rgb(141,34,155)
```
#9b2230
```
#9b2230 rgb(155,34,48)
```

Tetradic Color

#145c54
```
#145c54 rgb(20,92,84)
```
#197167
```
#197167 rgb(25,113,103)
```
#1d867a
```
#1d867a rgb(29,134,122)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#27b0a0
```
#27b0a0 rgb(39,176,160)
```
#2bc5b3
```
#2bc5b3 rgb(43,197,179)
```
#36d3c1
```
#36d3c1 rgb(54,211,193)
```

Monochromatic Color

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

#229b6f
```
#229b6f rgb(34,155,111)
```
#229b79
```
#229b79 rgb(34,155,121)
```
#229b83
```
#229b83 rgb(34,155,131)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#229b97
```
#229b97 rgb(34,155,151)
```
#22959b
```
#22959b rgb(34,149,155)
```
#228b9b
```
#228b9b rgb(34,139,155)
```

Similar Colors

Text with hexadecimal color #229b8d

This text has a font color of #229b8d.

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

#229b8d background color

This paragraph has a background color of #229b8d.

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

#229b8d border color

This element has a border color of #229b8d.

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

CSS codes

.text {color:#229b8d;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061a18
```
#061a18 rgb(6,26,24)
```
#092a27
```
#092a27 rgb(9,42,39)
```
#0d3a35
```
#0d3a35 rgb(13,58,53)
```
#104b44
```
#104b44 rgb(16,75,68)
```
#145b52
```
#145b52 rgb(20,91,82)
```
#176b61
```
#176b61 rgb(23,107,97)
```
#1b7b70
```
#1b7b70 rgb(27,123,112)
```
#1e8b7e
```
#1e8b7e rgb(30,139,126)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#26ab9c
```
#26ab9c rgb(38,171,156)
```
#29bbaa
```
#29bbaa rgb(41,187,170)
```
#2dcbb9
```
#2dcbb9 rgb(45,203,185)
```

Shade Color Variation

#38d3c1
```
#38d3c1 rgb(56,211,193)
```
#48d7c6
```
#48d7c6 rgb(72,215,198)
```
#58dacb
```
#58dacb rgb(88,218,203)
```
#68ded0
```
#68ded0 rgb(104,222,208)
```
#78e1d5
```
#78e1d5 rgb(120,225,213)
```
#89e5da
```
#89e5da rgb(137,229,218)
```
#99e9df
```
#99e9df rgb(153,233,223)
```
#a9ece4
```
#a9ece4 rgb(169,236,228)
```
#b9f0e9
```
#b9f0e9 rgb(185,240,233)
```
#c9f3ee
```
#c9f3ee rgb(201,243,238)
```
#d9f7f3
```
#d9f7f3 rgb(217,247,243)
```
#e9faf8
```
#e9faf8 rgb(233,250,248)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6160 is the less saturated color, while #05b8a3 is the most saturated one.

#5c6160
```
#5c6160 rgb(92,97,96)
```
#556866
```
#556866 rgb(85,104,102)
```
#4e6f6b
```
#4e6f6b rgb(78,111,107)
```
#467771
```
#467771 rgb(70,119,113)
```
#3f7e77
```
#3f7e77 rgb(63,126,119)
```
#38857c
```
#38857c rgb(56,133,124)
```
#318c82
```
#318c82 rgb(49,140,130)
```
#299487
```
#299487 rgb(41,148,135)
```
#229b8d
```
#229b8d rgb(34,155,141)
```
#1ba293
```
#1ba293 rgb(27,162,147)
```
#13aa98
```
#13aa98 rgb(19,170,152)
```
#0cb19e
```
#0cb19e rgb(12,177,158)
```
#05b8a3
```
#05b8a3 rgb(5,184,163)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#647d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#94908a Protanopia 1% of men
#998c99 Deuteranopia 1% of men
#3e9ca8 Tritanopia 0.001% of the population

Trichromacy

#6b948b Protanomaly 1% of men, 0.01% of women
#6e9295 Deuteranomaly 6% of men, 0.4% of women
#349c9e Tritanomaly 0.01% of the population

#229b8d hex color

#229b8d Color Information

#229b8d Color Conversion

Color Schemes with #229b8d

Alternatives to #229b8d

#229b8d Preview

Shades and Tints of #229b8d

Tones of #229b8d

Color Blindness Simulator