#228d89 hex color

In a RGB color space, hex #228d89 is composed of 13.3% red, 55.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 2.8% yellow and 44.7% black. It has a hue angle of 177.8 degrees, a saturation of 61.1% and a lightness of 34.3%. #228d89 color hex could be obtained by blending #44ffff with #001b13. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 55
- B 54
RGB color chart
- C 76
- M 0
- Y 3
- K 45
CMYK color chart

● #228d89 color description : Dark cyan.

The hexadecimal color #228d89 has RGB values of R:34, G:141, B:137 and CMYK values of C:0.76, M:0, Y:0.03, K:0.45. Its decimal value is 2264457.

Hex triplet	228d89	`#228d89`
RGB Decimal	34, 141, 137	`rgb(34,141,137)`
RGB Percent	13.3, 55.3, 53.7	`rgb(13.3%,55.3%,53.7%)`
CMYK	76, 0, 3, 45
HSL	177.8°, 61.1, 34.3	`hsl(177.8,61.1%,34.3%)`
HSV (or HSB)	177.8°, 75.9, 55.3
Web Safe	339999	`#339999`

CIE-LAB	53.162, -29.732, -6.378
XYZ	14.698, 21.195, 26.982
xyY	0.234, 0.337, 21.195
CIE-LCH	53.162, 30.409, 192.107
CIE-LUV	53.162, -38.477, -4.905
Hunter-Lab	46.038, -23.576, -2.523
Binary	00100010, 10001101, 10001001

#228d89
```
#228d89 rgb(34,141,137)
```
#8d2226
```
#8d2226 rgb(141,34,38)
```

Complementary Color

#228d54
```
#228d54 rgb(34,141,84)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#225c8d
```
#225c8d rgb(34,92,141)
```

Analogous Color

#8d5422
```
#8d5422 rgb(141,84,34)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#8d225c
```
#8d225c rgb(141,34,92)
```

Split Complementary Color

#8d8922
```
#8d8922 rgb(141,137,34)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#89228d
```
#89228d rgb(137,34,141)
```

Triadic Color

#268d22
```
#268d22 rgb(38,141,34)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#89228d
```
#89228d rgb(137,34,141)
```
#8d2226
```
#8d2226 rgb(141,34,38)
```

Tetradic Color

#134f4d
```
#134f4d rgb(19,79,77)
```
#186461
```
#186461 rgb(24,100,97)
```
#1d7875
```
#1d7875 rgb(29,120,117)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#27a29d
```
#27a29d rgb(39,162,157)
```
#2cb6b1
```
#2cb6b1 rgb(44,182,177)
```
#31cbc5
```
#31cbc5 rgb(49,203,197)
```

Monochromatic Color

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

#228d6e
```
#228d6e rgb(34,141,110)
```
#228d77
```
#228d77 rgb(34,141,119)
```
#228d80
```
#228d80 rgb(34,141,128)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#22888d
```
#22888d rgb(34,136,141)
```
#227f8d
```
#227f8d rgb(34,127,141)
```
#22768d
```
#22768d rgb(34,118,141)
```

Similar Colors

Text with hexadecimal color #228d89

This text has a font color of #228d89.

<span style="color:#228d89;">Text here</span>

#228d89 background color

This paragraph has a background color of #228d89.

<p style="background-color:#228d89;">Content here</p>

#228d89 border color

This element has a border color of #228d89.

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

CSS codes

.text {color:#228d89;}

.background {background-color:#228d89;}

.border {border:1px solid #228d89;}

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, #040f0e is the darkest color, while #feffff is the lightest one.

#040f0e
```
#040f0e rgb(4,15,14)
```
#071e1e
```
#071e1e rgb(7,30,30)
```
#0b2e2d
```
#0b2e2d rgb(11,46,45)
```
#0f3e3c
```
#0f3e3c rgb(15,62,60)
```
#134e4c
```
#134e4c rgb(19,78,76)
```
#175e5b
```
#175e5b rgb(23,94,91)
```
#1a6d6a
```
#1a6d6a rgb(26,109,106)
```
#1e7d7a
```
#1e7d7a rgb(30,125,122)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#269d98
```
#269d98 rgb(38,157,152)
```
#2aada8
```
#2aada8 rgb(42,173,168)
```
#2dbcb7
```
#2dbcb7 rgb(45,188,183)
```
#31ccc6
```
#31ccc6 rgb(49,204,198)
```

Shade Color Variation

#40d1cc
```
#40d1cc rgb(64,209,204)
```
#50d5d0
```
#50d5d0 rgb(80,213,208)
```
#60d9d4
```
#60d9d4 rgb(96,217,212)
```
#70dcd8
```
#70dcd8 rgb(112,220,216)
```
#7fe0dd
```
#7fe0dd rgb(127,224,221)
```
#8fe4e1
```
#8fe4e1 rgb(143,228,225)
```
#9fe8e5
```
#9fe8e5 rgb(159,232,229)
```
#afece9
```
#afece9 rgb(175,236,233)
```
#bfefee
```
#bfefee rgb(191,239,238)
```
#cef3f2
```
#cef3f2 rgb(206,243,242)
```
#def7f6
```
#def7f6 rgb(222,247,246)
```
#eefbfa
```
#eefbfa rgb(238,251,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515e5d is the less saturated color, while #00afa8 is the most saturated one.

#515e5d
```
#515e5d rgb(81,94,93)
```
#4a6564
```
#4a6564 rgb(74,101,100)
```
#446b6a
```
#446b6a rgb(68,107,106)
```
#3d7270
```
#3d7270 rgb(61,114,112)
```
#367976
```
#367976 rgb(54,121,118)
```
#2f807d
```
#2f807d rgb(47,128,125)
```
#298683
```
#298683 rgb(41,134,131)
```
#228d89
```
#228d89 rgb(34,141,137)
```
#1b948f
```
#1b948f rgb(27,148,143)
```
#159a95
```
#159a95 rgb(21,154,149)
```
#0ea19c
```
#0ea19c rgb(14,161,156)
```
#07a8a2
```
#07a8a2 rgb(7,168,162)
```
#00afa8
```
#00afa8 rgb(0,175,168)
```

Tone Color Variation

Below, you can see how #228d89 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

#6d6d6d Achromatopsia 0.005% of the population
#5e7373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878487 Protanopia 1% of men
#8a8295 Deuteranopia 1% of men
#37909b Tritanopia 0.001% of the population

Trichromacy

#628788 Protanomaly 1% of men, 0.01% of women
#648690 Deuteranomaly 6% of men, 0.4% of women
#2f8f94 Tritanomaly 0.01% of the population

#228d89 hex color

#228d89 Color Information

#228d89 Color Conversion

Color Schemes with #228d89

Alternatives to #228d89

#228d89 Preview

Shades and Tints of #228d89

Tones of #228d89

Color Blindness Simulator