#228b76 hex color

In a RGB color space, hex #228b76 is composed of 13.3% red, 54.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 0% magenta, 15.1% yellow and 45.5% black. It has a hue angle of 168 degrees, a saturation of 60.7% and a lightness of 33.9%. #228b76 color hex could be obtained by blending #44ffec with #001700. Closest websafe color is: #339966.

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

● #228b76 color description : Dark cyan.

The hexadecimal color #228b76 has RGB values of R:34, G:139, B:118 and CMYK values of C:0.76, M:0, Y:0.15, K:0.45. Its decimal value is 2263926.

Hex triplet	228b76	`#228b76`
RGB Decimal	34, 139, 118	`rgb(34,139,118)`
RGB Percent	13.3, 54.5, 46.3	`rgb(13.3%,54.5%,46.3%)`
CMYK	76, 0, 15, 45
HSL	168°, 60.7, 33.9	`hsl(168,60.7%,33.9%)`
HSV (or HSB)	168°, 75.5, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.964, -34.271, 2.873
XYZ	13.161, 20.112, 20.327
xyY	0.246, 0.375, 20.112
CIE-LCH	51.964, 34.392, 175.208
CIE-LUV	51.964, -39.019, 8.982
Hunter-Lab	44.846, -26.097, 4.519
Binary	00100010, 10001011, 01110110

#228b76
```
#228b76 rgb(34,139,118)
```
#8b2237
```
#8b2237 rgb(139,34,55)
```

Complementary Color

#228b42
```
#228b42 rgb(34,139,66)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#226c8b
```
#226c8b rgb(34,108,139)
```

Analogous Color

#8b4222
```
#8b4222 rgb(139,66,34)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#8b226c
```
#8b226c rgb(139,34,108)
```

Split Complementary Color

#8b7622
```
#8b7622 rgb(139,118,34)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#76228b
```
#76228b rgb(118,34,139)
```

Triadic Color

#378b22
```
#378b22 rgb(55,139,34)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#76228b
```
#76228b rgb(118,34,139)
```
#8b2237
```
#8b2237 rgb(139,34,55)
```

Tetradic Color

#134e42
```
#134e42 rgb(19,78,66)
```
#186253
```
#186253 rgb(24,98,83)
```
#1d7765
```
#1d7765 rgb(29,119,101)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#279f87
```
#279f87 rgb(39,159,135)
```
#2cb499
```
#2cb499 rgb(44,180,153)
```
#31c8aa
```
#31c8aa rgb(49,200,170)
```

Monochromatic Color

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

#228b5c
```
#228b5c rgb(34,139,92)
```
#228b65
```
#228b65 rgb(34,139,101)
```
#228b6d
```
#228b6d rgb(34,139,109)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#228b7f
```
#228b7f rgb(34,139,127)
```
#228b88
```
#228b88 rgb(34,139,136)
```
#22868b
```
#22868b rgb(34,134,139)
```

Similar Colors

Text with hexadecimal color #228b76

This text has a font color of #228b76.

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

#228b76 background color

This paragraph has a background color of #228b76.

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

#228b76 border color

This element has a border color of #228b76.

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

CSS codes

.text {color:#228b76;}

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

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

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

#030d0b
```
#030d0b rgb(3,13,11)
```
#071d18
```
#071d18 rgb(7,29,24)
```
#0b2c26
```
#0b2c26 rgb(11,44,38)
```
#0f3c33
```
#0f3c33 rgb(15,60,51)
```
#134c40
```
#134c40 rgb(19,76,64)
```
#165c4e
```
#165c4e rgb(22,92,78)
```
#1a6b5b
```
#1a6b5b rgb(26,107,91)
```
#1e7b69
```
#1e7b69 rgb(30,123,105)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#269b83
```
#269b83 rgb(38,155,131)
```
#2aab91
```
#2aab91 rgb(42,171,145)
```
#2eba9e
```
#2eba9e rgb(46,186,158)
```
#31caac
```
#31caac rgb(49,202,172)
```

Shade Color Variation

#3fd0b3
```
#3fd0b3 rgb(63,208,179)
```
#4fd4b9
```
#4fd4b9 rgb(79,212,185)
```
#5fd8c0
```
#5fd8c0 rgb(95,216,192)
```
#6edcc6
```
#6edcc6 rgb(110,220,198)
```
#7edfcc
```
#7edfcc rgb(126,223,204)
```
#8ee3d2
```
#8ee3d2 rgb(142,227,210)
```
#9ee7d8
```
#9ee7d8 rgb(158,231,216)
```
#adebdf
```
#adebdf rgb(173,235,223)
```
#bdefe5
```
#bdefe5 rgb(189,239,229)
```
#cdf3eb
```
#cdf3eb rgb(205,243,235)
```
#ddf7f1
```
#ddf7f1 rgb(221,247,241)
```
#ecfaf8
```
#ecfaf8 rgb(236,250,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#515c5a
```
#515c5a rgb(81,92,90)
```
#4a635e
```
#4a635e rgb(74,99,94)
```
#436a62
```
#436a62 rgb(67,106,98)
```
#3d7066
```
#3d7066 rgb(61,112,102)
```
#36776a
```
#36776a rgb(54,119,106)
```
#2f7e6e
```
#2f7e6e rgb(47,126,110)
```
#298472
```
#298472 rgb(41,132,114)
```
#228b76
```
#228b76 rgb(34,139,118)
```
#1b927a
```
#1b927a rgb(27,146,122)
```
#15987e
```
#15987e rgb(21,152,126)
```
#0e9f82
```
#0e9f82 rgb(14,159,130)
```
#07a686
```
#07a686 rgb(7,166,134)
```
#01ac8a
```
#01ac8a rgb(1,172,138)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b706c Atypical Achromatopsia 0.001% of the population

Dichromacy

#888275 Protanopia 1% of men
#8e7e83 Deuteranopia 1% of men
#3e8d97 Tritanopia 0.001% of the population

Trichromacy

#628575 Protanomaly 1% of men, 0.01% of women
#66837e Deuteranomaly 6% of men, 0.4% of women
#348c8b Tritanomaly 0.01% of the population

#228b76 hex color

#228b76 Color Information

#228b76 Color Conversion

Color Schemes with #228b76

Alternatives to #228b76

#228b76 Preview

Shades and Tints of #228b76

Tones of #228b76

Color Blindness Simulator