#229d7f hex color

In a RGB color space, hex #229d7f is composed of 13.3% red, 61.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 19.1% yellow and 38.4% black. It has a hue angle of 165.4 degrees, a saturation of 64.4% and a lightness of 37.5%. #229d7f color hex could be obtained by blending #44fffe with #003b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 62
- B 50
RGB color chart
- C 78
- M 0
- Y 19
- K 38
CMYK color chart

● #229d7f color description : Dark cyan.

The hexadecimal color #229d7f has RGB values of R:34, G:157, B:127 and CMYK values of C:0.78, M:0, Y:0.19, K:0.38. Its decimal value is 2268543.

Hex triplet	229d7f	`#229d7f`
RGB Decimal	34, 157, 127	`rgb(34,157,127)`
RGB Percent	13.3, 61.6, 49.8	`rgb(13.3%,61.6%,49.8%)`
CMYK	78, 0, 19, 38
HSL	165.4°, 64.4, 37.5	`hsl(165.4,64.4%,37.5%)`
HSV (or HSB)	165.4°, 78.3, 61.6
Web Safe	339966	`#339966`

CIE-LAB	58.023, -39.88, 6.442
XYZ	16.546, 25.985, 24.221
xyY	0.248, 0.389, 25.985
CIE-LCH	58.023, 40.397, 170.824
CIE-LUV	58.023, -45.003, 15.022
Hunter-Lab	50.975, -31.267, 7.511
Binary	00100010, 10011101, 01111111

#229d7f
```
#229d7f rgb(34,157,127)
```
#9d2240
```
#9d2240 rgb(157,34,64)
```

Complementary Color

#229d42
```
#229d42 rgb(34,157,66)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#227e9d
```
#227e9d rgb(34,126,157)
```

Analogous Color

#9d4222
```
#9d4222 rgb(157,66,34)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#9d227e
```
#9d227e rgb(157,34,126)
```

Split Complementary Color

#9d7f22
```
#9d7f22 rgb(157,127,34)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#7f229d
```
#7f229d rgb(127,34,157)
```

Triadic Color

#409d22
```
#409d22 rgb(64,157,34)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#7f229d
```
#7f229d rgb(127,34,157)
```
#9d2240
```
#9d2240 rgb(157,34,64)
```

Tetradic Color

#145e4c
```
#145e4c rgb(20,94,76)
```
#19735d
```
#19735d rgb(25,115,93)
```
#1d886e
```
#1d886e rgb(29,136,110)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#27b290
```
#27b290 rgb(39,178,144)
```
#2bc7a1
```
#2bc7a1 rgb(43,199,161)
```
#38d4ae
```
#38d4ae rgb(56,212,174)
```

Monochromatic Color

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

#229d60
```
#229d60 rgb(34,157,96)
```
#229d6b
```
#229d6b rgb(34,157,107)
```
#229d75
```
#229d75 rgb(34,157,117)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#229d89
```
#229d89 rgb(34,157,137)
```
#229d94
```
#229d94 rgb(34,157,148)
```
#229c9d
```
#229c9d rgb(34,156,157)
```

Similar Colors

Text with hexadecimal color #229d7f

This text has a font color of #229d7f.

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

#229d7f background color

This paragraph has a background color of #229d7f.

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

#229d7f border color

This element has a border color of #229d7f.

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

CSS codes

.text {color:#229d7f;}

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

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

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, #030c0a is the darkest color, while #fbfefd is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#061c17
```
#061c17 rgb(6,28,23)
```
#0a2c24
```
#0a2c24 rgb(10,44,36)
```
#0d3c31
```
#0d3c31 rgb(13,60,49)
```
#114c3e
```
#114c3e rgb(17,76,62)
```
#145d4b
```
#145d4b rgb(20,93,75)
```
#186d58
```
#186d58 rgb(24,109,88)
```
#1b7d65
```
#1b7d65 rgb(27,125,101)
```
#1f8d72
```
#1f8d72 rgb(31,141,114)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#25ad8c
```
#25ad8c rgb(37,173,140)
```
#29bd99
```
#29bd99 rgb(41,189,153)
```
#2ccda6
```
#2ccda6 rgb(44,205,166)
```

Shade Color Variation

#39d4ae
```
#39d4ae rgb(57,212,174)
```
#49d8b5
```
#49d8b5 rgb(73,216,181)
```
#5adbbc
```
#5adbbc rgb(90,219,188)
```
#6adfc2
```
#6adfc2 rgb(106,223,194)
```
#7ae2c9
```
#7ae2c9 rgb(122,226,201)
```
#8ae6cf
```
#8ae6cf rgb(138,230,207)
```
#9ae9d6
```
#9ae9d6 rgb(154,233,214)
```
#aaeddc
```
#aaeddc rgb(170,237,220)
```
#baf0e3
```
#baf0e3 rgb(186,240,227)
```
#caf4ea
```
#caf4ea rgb(202,244,234)
```
#dbf7f0
```
#dbf7f0 rgb(219,247,240)
```
#ebfbf7
```
#ebfbf7 rgb(235,251,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#5d6261
```
#5d6261 rgb(93,98,97)
```
#556a65
```
#556a65 rgb(85,106,101)
```
#4e7168
```
#4e7168 rgb(78,113,104)
```
#47786c
```
#47786c rgb(71,120,108)
```
#3f8070
```
#3f8070 rgb(63,128,112)
```
#388774
```
#388774 rgb(56,135,116)
```
#318e77
```
#318e77 rgb(49,142,119)
```
#29967b
```
#29967b rgb(41,150,123)
```
#229d7f
```
#229d7f rgb(34,157,127)
```
#1ba483
```
#1ba483 rgb(27,164,131)
```
#13ac87
```
#13ac87 rgb(19,172,135)
```
#0cb38a
```
#0cb38a rgb(12,179,138)
```
#05ba8e
```
#05ba8e rgb(5,186,142)
```

Tone Color Variation

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

Dichromacy

#98917d Protanopia 1% of men
#a08c8d Deuteranopia 1% of men
#459da8 Tritanopia 0.001% of the population

Trichromacy

#6d957e Protanomaly 1% of men, 0.01% of women
#729287 Deuteranomaly 6% of men, 0.4% of women
#389d99 Tritanomaly 0.01% of the population

#229d7f hex color

#229d7f Color Information

#229d7f Color Conversion

Color Schemes with #229d7f

Alternatives to #229d7f

#229d7f Preview

Shades and Tints of #229d7f

Tones of #229d7f

Color Blindness Simulator