#228e8b hex color

In a RGB color space, hex #228e8b is composed of 13.3% red, 55.7% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 2.1% yellow and 44.3% black. It has a hue angle of 178.3 degrees, a saturation of 61.4% and a lightness of 34.5%. #228e8b color hex could be obtained by blending #44ffff with #001d17. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 56
- B 55
RGB color chart
- C 76
- M 0
- Y 2
- K 44
CMYK color chart

● #228e8b color description : Dark cyan.

The hexadecimal color #228e8b has RGB values of R:34, G:142, B:139 and CMYK values of C:0.76, M:0, Y:0.02, K:0.44. Its decimal value is 2264715.

Hex triplet	228e8b	`#228e8b`
RGB Decimal	34, 142, 139	`rgb(34,142,139)`
RGB Percent	13.3, 55.7, 54.5	`rgb(13.3%,55.7%,54.5%)`
CMYK	76, 0, 2, 44
HSL	178.3°, 61.4, 34.5	`hsl(178.3,61.4%,34.5%)`
HSV (or HSB)	178.3°, 76.1, 55.7
Web Safe	339999	`#339999`

CIE-LAB	53.545, -29.613, -6.965
XYZ	14.991, 21.549, 27.794
xyY	0.233, 0.335, 21.549
CIE-LCH	53.545, 30.421, 193.236
CIE-LUV	53.545, -38.708, -5.802
Hunter-Lab	46.421, -23.59, -3.005
Binary	00100010, 10001110, 10001011

#228e8b
```
#228e8b rgb(34,142,139)
```
#8e2225
```
#8e2225 rgb(142,34,37)
```

Complementary Color

#228e55
```
#228e55 rgb(34,142,85)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#225b8e
```
#225b8e rgb(34,91,142)
```

Analogous Color

#8e5522
```
#8e5522 rgb(142,85,34)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#8e225b
```
#8e225b rgb(142,34,91)
```

Split Complementary Color

#8e8b22
```
#8e8b22 rgb(142,139,34)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#8b228e
```
#8b228e rgb(139,34,142)
```

Triadic Color

#258e22
```
#258e22 rgb(37,142,34)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#8b228e
```
#8b228e rgb(139,34,142)
```
#8e2225
```
#8e2225 rgb(142,34,37)
```

Tetradic Color

#13504f
```
#13504f rgb(19,80,79)
```
#186563
```
#186563 rgb(24,101,99)
```
#1d7977
```
#1d7977 rgb(29,121,119)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#27a39f
```
#27a39f rgb(39,163,159)
```
#2cb7b3
```
#2cb7b3 rgb(44,183,179)
```
#31ccc7
```
#31ccc7 rgb(49,204,199)
```

Monochromatic Color

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

#228e70
```
#228e70 rgb(34,142,112)
```
#228e79
```
#228e79 rgb(34,142,121)
```
#228e82
```
#228e82 rgb(34,142,130)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#22888e
```
#22888e rgb(34,136,142)
```
#227f8e
```
#227f8e rgb(34,127,142)
```
#22768e
```
#22768e rgb(34,118,142)
```

Similar Colors

Text with hexadecimal color #228e8b

This text has a font color of #228e8b.

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

#228e8b background color

This paragraph has a background color of #228e8b.

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

#228e8b border color

This element has a border color of #228e8b.

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

CSS codes

.text {color:#228e8b;}

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

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

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

#040f0f
```
#040f0f rgb(4,15,15)
```
#071f1f
```
#071f1f rgb(7,31,31)
```
#0b2f2e
```
#0b2f2e rgb(11,47,46)
```
#0f3f3e
```
#0f3f3e rgb(15,63,62)
```
#134f4d
```
#134f4d rgb(19,79,77)
```
#175f5d
```
#175f5d rgb(23,95,93)
```
#1a6e6c
```
#1a6e6c rgb(26,110,108)
```
#1e7e7c
```
#1e7e7c rgb(30,126,124)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#269e9a
```
#269e9a rgb(38,158,154)
```
#2aaeaa
```
#2aaeaa rgb(42,174,170)
```
#2dbdb9
```
#2dbdb9 rgb(45,189,185)
```
#31cdc9
```
#31cdc9 rgb(49,205,201)
```

Shade Color Variation

#41d1cd
```
#41d1cd rgb(65,209,205)
```
#50d5d2
```
#50d5d2 rgb(80,213,210)
```
#60d9d6
```
#60d9d6 rgb(96,217,214)
```
#70ddda
```
#70ddda rgb(112,221,218)
```
#80e1de
```
#80e1de rgb(128,225,222)
```
#90e4e2
```
#90e4e2 rgb(144,228,226)
```
#a0e8e6
```
#a0e8e6 rgb(160,232,230)
```
#afecea
```
#afecea rgb(175,236,234)
```
#bff0ee
```
#bff0ee rgb(191,240,238)
```
#cff4f3
```
#cff4f3 rgb(207,244,243)
```
#dff7f7
```
#dff7f7 rgb(223,247,247)
```
#effbfb
```
#effbfb rgb(239,251,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#515f5e
```
#515f5e rgb(81,95,94)
```
#4b6565
```
#4b6565 rgb(75,101,101)
```
#446c6b
```
#446c6b rgb(68,108,107)
```
#3d7371
```
#3d7371 rgb(61,115,113)
```
#367a78
```
#367a78 rgb(54,122,120)
```
#30807e
```
#30807e rgb(48,128,126)
```
#298785
```
#298785 rgb(41,135,133)
```
#228e8b
```
#228e8b rgb(34,142,139)
```
#1b9591
```
#1b9591 rgb(27,149,145)
```
#149c98
```
#149c98 rgb(20,156,152)
```
#0ea29e
```
#0ea29e rgb(14,162,158)
```
#07a9a5
```
#07a9a5 rgb(7,169,165)
```
#00b0ab
```
#00b0ab rgb(0,176,171)
```

Tone Color Variation

Below, you can see how #228e8b 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
#5e7473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878589 Protanopia 1% of men
#8a8397 Deuteranopia 1% of men
#37929c Tritanopia 0.001% of the population

Trichromacy

#628889 Protanomaly 1% of men, 0.01% of women
#648792 Deuteranomaly 6% of men, 0.4% of women
#2f9096 Tritanomaly 0.01% of the population

#228e8b hex color

#228e8b Color Information

#228e8b Color Conversion

Color Schemes with #228e8b

Alternatives to #228e8b

#228e8b Preview

Shades and Tints of #228e8b

Tones of #228e8b

Color Blindness Simulator