#228f80 hex color

In a RGB color space, hex #228f80 is composed of 13.3% red, 56.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 10.5% yellow and 43.9% black. It has a hue angle of 171.7 degrees, a saturation of 61.6% and a lightness of 34.7%. #228f80 color hex could be obtained by blending #44ffff with #001f01. Closest websafe color is: #339999.

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

● #228f80 color description : Dark cyan.

The hexadecimal color #228f80 has RGB values of R:34, G:143, B:128 and CMYK values of C:0.76, M:0, Y:0.1, K:0.44. Its decimal value is 2264960.

Hex triplet	228f80	`#228f80`
RGB Decimal	34, 143, 128	`rgb(34,143,128)`
RGB Percent	13.3, 56.1, 50.2	`rgb(13.3%,56.1%,50.2%)`
CMYK	76, 0, 10, 44
HSL	171.7°, 61.6, 34.7	`hsl(171.7,61.6%,34.7%)`
HSV (or HSB)	171.7°, 76.2, 56.1
Web Safe	339999	`#339999`

CIE-LAB	53.538, -33.324, -0.62
XYZ	14.377, 21.542, 23.821
xyY	0.241, 0.361, 21.542
CIE-LCH	53.538, 33.329, 181.065
CIE-LUV	53.538, -39.827, 3.986
Hunter-Lab	46.414, -25.931, 2.06
Binary	00100010, 10001111, 10000000

#228f80
```
#228f80 rgb(34,143,128)
```
#8f2231
```
#8f2231 rgb(143,34,49)
```

Complementary Color

#228f4a
```
#228f4a rgb(34,143,74)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#22688f
```
#22688f rgb(34,104,143)
```

Analogous Color

#8f4a22
```
#8f4a22 rgb(143,74,34)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#8f2268
```
#8f2268 rgb(143,34,104)
```

Split Complementary Color

#8f8022
```
#8f8022 rgb(143,128,34)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#80228f
```
#80228f rgb(128,34,143)
```

Triadic Color

#318f22
```
#318f22 rgb(49,143,34)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#80228f
```
#80228f rgb(128,34,143)
```
#8f2231
```
#8f2231 rgb(143,34,49)
```

Tetradic Color

#135149
```
#135149 rgb(19,81,73)
```
#18665b
```
#18665b rgb(24,102,91)
```
#1d7a6e
```
#1d7a6e rgb(29,122,110)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#27a492
```
#27a492 rgb(39,164,146)
```
#2cb8a5
```
#2cb8a5 rgb(44,184,165)
```
#31cdb7
```
#31cdb7 rgb(49,205,183)
```

Monochromatic Color

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

#228f65
```
#228f65 rgb(34,143,101)
```
#228f6e
```
#228f6e rgb(34,143,110)
```
#228f77
```
#228f77 rgb(34,143,119)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#228f89
```
#228f89 rgb(34,143,137)
```
#228c8f
```
#228c8f rgb(34,140,143)
```
#22838f
```
#22838f rgb(34,131,143)
```

Similar Colors

Text with hexadecimal color #228f80

This text has a font color of #228f80.

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

#228f80 background color

This paragraph has a background color of #228f80.

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

#228f80 border color

This element has a border color of #228f80.

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

CSS codes

.text {color:#228f80;}

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

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

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, #000000 is the darkest color, while #f0fbfa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#04100f
```
#04100f rgb(4,16,15)
```
#08201d
```
#08201d rgb(8,32,29)
```
#0b302b
```
#0b302b rgb(11,48,43)
```
#0f4039
```
#0f4039 rgb(15,64,57)
```
#135047
```
#135047 rgb(19,80,71)
```
#175f55
```
#175f55 rgb(23,95,85)
```
#1a6f64
```
#1a6f64 rgb(26,111,100)
```
#1e7f72
```
#1e7f72 rgb(30,127,114)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#269f8e
```
#269f8e rgb(38,159,142)
```
#2aaf9c
```
#2aaf9c rgb(42,175,156)
```
#2dbfab
```
#2dbfab rgb(45,191,171)
```

Shade Color Variation

#31ceb9
```
#31ceb9 rgb(49,206,185)
```
#41d2be
```
#41d2be rgb(65,210,190)
```
#51d6c3
```
#51d6c3 rgb(81,214,195)
```
#61d9c9
```
#61d9c9 rgb(97,217,201)
```
#71ddce
```
#71ddce rgb(113,221,206)
```
#81e1d4
```
#81e1d4 rgb(129,225,212)
```
#90e5d9
```
#90e5d9 rgb(144,229,217)
```
#a0e8df
```
#a0e8df rgb(160,232,223)
```
#b0ece4
```
#b0ece4 rgb(176,236,228)
```
#c0f0e9
```
#c0f0e9 rgb(192,240,233)
```
#d0f4ef
```
#d0f4ef rgb(208,244,239)
```
#e0f8f4
```
#e0f8f4 rgb(224,248,244)
```
#f0fbfa
```
#f0fbfa rgb(240,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585959 is the less saturated color, while #07aa94 is the most saturated one.

#585959
```
#585959 rgb(88,89,89)
```
#525f5d
```
#525f5d rgb(82,95,93)
```
#4b6662
```
#4b6662 rgb(75,102,98)
```
#446d67
```
#446d67 rgb(68,109,103)
```
#3d746c
```
#3d746c rgb(61,116,108)
```
#367b71
```
#367b71 rgb(54,123,113)
```
#308176
```
#308176 rgb(48,129,118)
```
#29887b
```
#29887b rgb(41,136,123)
```
#228f80
```
#228f80 rgb(34,143,128)
```
#1b9685
```
#1b9685 rgb(27,150,133)
```
#149d8a
```
#149d8a rgb(20,157,138)
```
#0ea38f
```
#0ea38f rgb(14,163,143)
```
#07aa94
```
#07aa94 rgb(7,170,148)
```

Tone Color Variation

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

Dichromacy

#8a857e Protanopia 1% of men
#8f828d Deuteranopia 1% of men
#3d919c Tritanopia 0.001% of the population

Trichromacy

#64897f Protanomaly 1% of men, 0.01% of women
#678788 Deuteranomaly 6% of men, 0.4% of women
#339091 Tritanomaly 0.01% of the population

#228f80 hex color

#228f80 Color Information

#228f80 Color Conversion

Color Schemes with #228f80

Alternatives to #228f80

#228f80 Preview

Shades and Tints of #228f80

Tones of #228f80

Color Blindness Simulator