#228180 hex color

In a RGB color space, hex #228180 is composed of 13.3% red, 50.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 0% magenta, 0.8% yellow and 49.4% black. It has a hue angle of 179.4 degrees, a saturation of 58.3% and a lightness of 32%. #228180 color hex could be obtained by blending #44ffff with #000301. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 51
- B 50
RGB color chart
- C 74
- M 0
- Y 1
- K 49
CMYK color chart

● #228180 color description : Dark cyan.

The hexadecimal color #228180 has RGB values of R:34, G:129, B:128 and CMYK values of C:0.74, M:0, Y:0.01, K:0.49. Its decimal value is 2261376.

Hex triplet	228180	`#228180`
RGB Decimal	34, 129, 128	`rgb(34,129,128)`
RGB Percent	13.3, 50.6, 50.2	`rgb(13.3%,50.6%,50.2%)`
CMYK	74, 0, 1, 49
HSL	179.4°, 58.3, 32	`hsl(179.4,58.3%,32%)`
HSV (or HSB)	179.4°, 73.6, 50.6
Web Safe	339999	`#339999`

CIE-LAB	49.005, -26.569, -7.316
XYZ	12.405, 17.598, 23.164
xyY	0.233, 0.331, 17.598
CIE-LCH	49.005, 27.558, 195.395
CIE-LUV	49.005, -34.639, -6.631
Hunter-Lab	41.95, -20.628, -3.374
Binary	00100010, 10000001, 10000000

#228180
```
#228180 rgb(34,129,128)
```
#812223
```
#812223 rgb(129,34,35)
```

Complementary Color

#228151
```
#228151 rgb(34,129,81)
```
#228180
```
#228180 rgb(34,129,128)
```
#225381
```
#225381 rgb(34,83,129)
```

Analogous Color

#815122
```
#815122 rgb(129,81,34)
```
#228180
```
#228180 rgb(34,129,128)
```
#812253
```
#812253 rgb(129,34,83)
```

Split Complementary Color

#818022
```
#818022 rgb(129,128,34)
```
#228180
```
#228180 rgb(34,129,128)
```
#802281
```
#802281 rgb(128,34,129)
```

Triadic Color

#238122
```
#238122 rgb(35,129,34)
```
#228180
```
#228180 rgb(34,129,128)
```
#802281
```
#802281 rgb(128,34,129)
```
#812223
```
#812223 rgb(129,34,35)
```

Tetradic Color

#124444
```
#124444 rgb(18,68,68)
```
#175958
```
#175958 rgb(23,89,88)
```
#1d6d6c
```
#1d6d6c rgb(29,109,108)
```
#228180
```
#228180 rgb(34,129,128)
```
#279594
```
#279594 rgb(39,149,148)
```
#2da9a8
```
#2da9a8 rgb(45,169,168)
```
#32bebc
```
#32bebc rgb(50,190,188)
```

Monochromatic Color

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

#228168
```
#228168 rgb(34,129,104)
```
#228170
```
#228170 rgb(34,129,112)
```
#228178
```
#228178 rgb(34,129,120)
```
#228180
```
#228180 rgb(34,129,128)
```
#227a81
```
#227a81 rgb(34,122,129)
```
#227281
```
#227281 rgb(34,114,129)
```
#226a81
```
#226a81 rgb(34,106,129)
```

Similar Colors

Text with hexadecimal color #228180

This text has a font color of #228180.

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

#228180 background color

This paragraph has a background color of #228180.

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

#228180 border color

This element has a border color of #228180.

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

CSS codes

.text {color:#228180;}

.background {background-color:#228180;}

.border {border:1px solid #228180;}

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

#010505
```
#010505 rgb(1,5,5)
```
#051414
```
#051414 rgb(5,20,20)
```
#092424
```
#092424 rgb(9,36,36)
```
#0e3333
```
#0e3333 rgb(14,51,51)
```
#124342
```
#124342 rgb(18,67,66)
```
#165252
```
#165252 rgb(22,82,82)
```
#1a6261
```
#1a6261 rgb(26,98,97)
```
#1e7171
```
#1e7171 rgb(30,113,113)
```
#228180
```
#228180 rgb(34,129,128)
```
#26918f
```
#26918f rgb(38,145,143)
```
#2aa09f
```
#2aa09f rgb(42,160,159)
```
#2eb0ae
```
#2eb0ae rgb(46,176,174)
```
#32bfbe
```
#32bfbe rgb(50,191,190)
```

Shade Color Variation

#3acbca
```
#3acbca rgb(58,203,202)
```
#4acfce
```
#4acfce rgb(74,207,206)
```
#59d3d2
```
#59d3d2 rgb(89,211,210)
```
#69d7d6
```
#69d7d6 rgb(105,215,214)
```
#78dbda
```
#78dbda rgb(120,219,218)
```
#88e0df
```
#88e0df rgb(136,224,223)
```
#97e4e3
```
#97e4e3 rgb(151,228,227)
```
#a7e8e7
```
#a7e8e7 rgb(167,232,231)
```
#b6eceb
```
#b6eceb rgb(182,236,235)
```
#c6f0ef
```
#c6f0ef rgb(198,240,239)
```
#d5f4f4
```
#d5f4f4 rgb(213,244,244)
```
#e5f8f8
```
#e5f8f8 rgb(229,248,248)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5555 is the less saturated color, while #03a09f is the most saturated one.

#4e5555
```
#4e5555 rgb(78,85,85)
```
#485b5b
```
#485b5b rgb(72,91,91)
```
#416261
```
#416261 rgb(65,98,97)
```
#3b6867
```
#3b6867 rgb(59,104,103)
```
#356e6e
```
#356e6e rgb(53,110,110)
```
#2f7474
```
#2f7474 rgb(47,116,116)
```
#287b7a
```
#287b7a rgb(40,123,122)
```
#228180
```
#228180 rgb(34,129,128)
```
#1c8786
```
#1c8786 rgb(28,135,134)
```
#158e8c
```
#158e8c rgb(21,142,140)
```
#0f9492
```
#0f9492 rgb(15,148,146)
```
#099a99
```
#099a99 rgb(9,154,153)
```
#03a09f
```
#03a09f rgb(3,160,159)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#576a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7a7f Protanopia 1% of men
#7e788c Deuteranopia 1% of men
#34868f Tritanopia 0.001% of the population

Trichromacy

#5b7d7f Protanomaly 1% of men, 0.01% of women
#5d7b87 Deuteranomaly 6% of men, 0.4% of women
#2d848a Tritanomaly 0.01% of the population

#228180 hex color

#228180 Color Information

#228180 Color Conversion

Color Schemes with #228180

Alternatives to #228180

#228180 Preview

Shades and Tints of #228180

Tones of #228180

Color Blindness Simulator