#228e86 hex color

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

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

● #228e86 color description : Dark cyan.

The hexadecimal color #228e86 has RGB values of R:34, G:142, B:134 and CMYK values of C:0.76, M:0, Y:0.06, K:0.44. Its decimal value is 2264710.

Hex triplet	228e86	`#228e86`
RGB Decimal	34, 142, 134	`rgb(34,142,134)`
RGB Percent	13.3, 55.7, 52.5	`rgb(13.3%,55.7%,52.5%)`
CMYK	76, 0, 6, 44
HSL	175.6°, 61.4, 34.5	`hsl(175.6,61.4%,34.5%)`
HSV (or HSB)	175.6°, 76.1, 55.7
Web Safe	339999	`#339999`

CIE-LAB	53.391, -31.111, -4.302
XYZ	14.634, 21.406, 25.913
xyY	0.236, 0.346, 21.406
CIE-LCH	53.391, 31.407, 187.874
CIE-LUV	53.391, -39.05, -1.656
Hunter-Lab	46.267, -24.506, -0.821
Binary	00100010, 10001110, 10000110

#228e86
```
#228e86 rgb(34,142,134)
```
#8e222a
```
#8e222a rgb(142,34,42)
```

Complementary Color

#228e50
```
#228e50 rgb(34,142,80)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#22608e
```
#22608e rgb(34,96,142)
```

Analogous Color

#8e5022
```
#8e5022 rgb(142,80,34)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#8e2260
```
#8e2260 rgb(142,34,96)
```

Split Complementary Color

#8e8622
```
#8e8622 rgb(142,134,34)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#86228e
```
#86228e rgb(134,34,142)
```

Triadic Color

#2a8e22
```
#2a8e22 rgb(42,142,34)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#86228e
```
#86228e rgb(134,34,142)
```
#8e222a
```
#8e222a rgb(142,34,42)
```

Tetradic Color

#13504c
```
#13504c rgb(19,80,76)
```
#18655f
```
#18655f rgb(24,101,95)
```
#1d7973
```
#1d7973 rgb(29,121,115)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#27a399
```
#27a399 rgb(39,163,153)
```
#2cb7ad
```
#2cb7ad rgb(44,183,173)
```
#31ccc0
```
#31ccc0 rgb(49,204,192)
```

Monochromatic Color

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

#228e6b
```
#228e6b rgb(34,142,107)
```
#228e74
```
#228e74 rgb(34,142,116)
```
#228e7d
```
#228e7d rgb(34,142,125)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#228d8e
```
#228d8e rgb(34,141,142)
```
#22848e
```
#22848e rgb(34,132,142)
```
#227b8e
```
#227b8e rgb(34,123,142)
```

Similar Colors

Text with hexadecimal color #228e86

This text has a font color of #228e86.

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

#228e86 background color

This paragraph has a background color of #228e86.

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

#228e86 border color

This element has a border color of #228e86.

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

CSS codes

.text {color:#228e86;}

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

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

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)
```
#071f1d
```
#071f1d rgb(7,31,29)
```
#0b2f2c
```
#0b2f2c rgb(11,47,44)
```
#0f3f3b
```
#0f3f3b rgb(15,63,59)
```
#134f4a
```
#134f4a rgb(19,79,74)
```
#175f59
```
#175f59 rgb(23,95,89)
```
#1a6e68
```
#1a6e68 rgb(26,110,104)
```
#1e7e77
```
#1e7e77 rgb(30,126,119)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#269e95
```
#269e95 rgb(38,158,149)
```
#2aaea4
```
#2aaea4 rgb(42,174,164)
```
#2dbdb3
```
#2dbdb3 rgb(45,189,179)
```
#31cdc2
```
#31cdc2 rgb(49,205,194)
```

Shade Color Variation

#41d1c7
```
#41d1c7 rgb(65,209,199)
```
#50d5cb
```
#50d5cb rgb(80,213,203)
```
#60d9d0
```
#60d9d0 rgb(96,217,208)
```
#70ddd5
```
#70ddd5 rgb(112,221,213)
```
#80e1d9
```
#80e1d9 rgb(128,225,217)
```
#90e4de
```
#90e4de rgb(144,228,222)
```
#a0e8e3
```
#a0e8e3 rgb(160,232,227)
```
#afece7
```
#afece7 rgb(175,236,231)
```
#bff0ec
```
#bff0ec rgb(191,240,236)
```
#cff4f1
```
#cff4f1 rgb(207,244,241)
```
#dff7f6
```
#dff7f6 rgb(223,247,246)
```
#effbfa
```
#effbfa rgb(239,251,250)
```
#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 #00b0a3 is the most saturated one.

#515f5e
```
#515f5e rgb(81,95,94)
```
#4b6563
```
#4b6563 rgb(75,101,99)
```
#446c69
```
#446c69 rgb(68,108,105)
```
#3d736f
```
#3d736f rgb(61,115,111)
```
#367a75
```
#367a75 rgb(54,122,117)
```
#30807a
```
#30807a rgb(48,128,122)
```
#298780
```
#298780 rgb(41,135,128)
```
#228e86
```
#228e86 rgb(34,142,134)
```
#1b958c
```
#1b958c rgb(27,149,140)
```
#149c92
```
#149c92 rgb(20,156,146)
```
#0ea297
```
#0ea297 rgb(14,162,151)
```
#07a99d
```
#07a99d rgb(7,169,157)
```
#00b0a3
```
#00b0a3 rgb(0,176,163)
```

Tone Color Variation

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

Dichromacy

#888584 Protanopia 1% of men
#8c8292 Deuteranopia 1% of men
#39919c Tritanopia 0.001% of the population

Trichromacy

#638885 Protanomaly 1% of men, 0.01% of women
#65868d Deuteranomaly 6% of men, 0.4% of women
#319094 Tritanomaly 0.01% of the population

#228e86 hex color

#228e86 Color Information

#228e86 Color Conversion

Color Schemes with #228e86

Alternatives to #228e86

#228e86 Preview

Shades and Tints of #228e86

Tones of #228e86

Color Blindness Simulator