colorhexa.com

#228880 hex color

In a RGB color space, hex #228880 is composed of 13.3% red, 53.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 5.9% yellow and 46.7% black. It has a hue angle of 175.3 degrees, a saturation of 60% and a lightness of 33.3%. #228880 color hex could be obtained by blending #44ffff with #001101. Closest websafe color is: #339999.

- R 13
- G 53
- B 50
RGB color chart
- C 75
- M 0
- Y 6
- K 47
CMYK color chart

● #228880 color description : Dark cyan.

The hexadecimal color #228880 has RGB values of R:34, G:136, B:128 and CMYK values of C:0.75, M:0, Y:0.06, K:0.47. Its decimal value is 2263168.

Hex triplet	228880	`#228880`
RGB Decimal	34, 136, 128	`rgb(34,136,128)`
RGB Percent	13.3, 53.3, 50.2	`rgb(13.3%,53.3%,50.2%)`
CMYK	75, 0, 6, 47
HSL	175.3°, 60, 33.3	`hsl(175.3,60%,33.3%)`
HSV (or HSB)	175.3°, 75, 53.3
Web Safe	339999	`#339999`

CIE-LAB	51.274, -30.008, -3.948
XYZ	13.359, 19.506, 23.482
xyY	0.237, 0.346, 19.506
CIE-LCH	51.274, 30.267, 187.495
CIE-LUV	51.274, -37.241, -1.285
Hunter-Lab	44.165, -23.297, -0.608
Binary	00100010, 10001000, 10000000

#228880
```
#228880 rgb(34,136,128)
```
#88222a
```
#88222a rgb(136,34,42)
```

Complementary Color

#22884d
```
#22884d rgb(34,136,77)
```
#228880
```
#228880 rgb(34,136,128)
```
#225d88
```
#225d88 rgb(34,93,136)
```

Analogous Color

#884d22
```
#884d22 rgb(136,77,34)
```
#228880
```
#228880 rgb(34,136,128)
```
#88225d
```
#88225d rgb(136,34,93)
```

Split Complementary Color

#888022
```
#888022 rgb(136,128,34)
```
#228880
```
#228880 rgb(34,136,128)
```
#802288
```
#802288 rgb(128,34,136)
```

Triadic Color

#2a8822
```
#2a8822 rgb(42,136,34)
```
#228880
```
#228880 rgb(34,136,128)
```
#802288
```
#802288 rgb(128,34,136)
```
#88222a
```
#88222a rgb(136,34,42)
```

Tetradic Color

#134b46
```
#134b46 rgb(19,75,70)
```
#185f5a
```
#185f5a rgb(24,95,90)
```
#1d746d
```
#1d746d rgb(29,116,109)
```
#228880
```
#228880 rgb(34,136,128)
```
#279c93
```
#279c93 rgb(39,156,147)
```
#2cb1a6
```
#2cb1a6 rgb(44,177,166)
```
#31c5ba
```
#31c5ba rgb(49,197,186)
```

Monochromatic Color

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

#228867
```
#228867 rgb(34,136,103)
```
#22886f
```
#22886f rgb(34,136,111)
```
#228878
```
#228878 rgb(34,136,120)
```
#228880
```
#228880 rgb(34,136,128)
```
#228888
```
#228888 rgb(34,136,136)
```
#227f88
```
#227f88 rgb(34,127,136)
```
#227788
```
#227788 rgb(34,119,136)
```

Similar Colors

Text with hexadecimal color #228880

This text has a font color of #228880.

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

#228880 background color

This paragraph has a background color of #228880.

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

#228880 border color

This element has a border color of #228880.

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

CSS codes

.text {color:#228880;}

.background {background-color:#228880;}

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

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

#030a0a
```
#030a0a rgb(3,10,10)
```
#071a19
```
#071a19 rgb(7,26,25)
```
#0a2a27
```
#0a2a27 rgb(10,42,39)
```
#0e3a36
```
#0e3a36 rgb(14,58,54)
```
#124945
```
#124945 rgb(18,73,69)
```
#165954
```
#165954 rgb(22,89,84)
```
#1a6962
```
#1a6962 rgb(26,105,98)
```
#1e7871
```
#1e7871 rgb(30,120,113)
```
#228880
```
#228880 rgb(34,136,128)
```
#26988f
```
#26988f rgb(38,152,143)
```
#2aa79e
```
#2aa79e rgb(42,167,158)
```
#2eb7ac
```
#2eb7ac rgb(46,183,172)
```
#32c7bb
```
#32c7bb rgb(50,199,187)
```

Shade Color Variation

#3dcfc3
```
#3dcfc3 rgb(61,207,195)
```
#4dd3c8
```
#4dd3c8 rgb(77,211,200)
```
#5dd6cd
```
#5dd6cd rgb(93,214,205)
```
#6ddad2
```
#6ddad2 rgb(109,218,210)
```
#7cded7
```
#7cded7 rgb(124,222,215)
```
#8ce2db
```
#8ce2db rgb(140,226,219)
```
#9ce6e0
```
#9ce6e0 rgb(156,230,224)
```
#abeae5
```
#abeae5 rgb(171,234,229)
```
#bbeeea
```
#bbeeea rgb(187,238,234)
```
#cbf2ef
```
#cbf2ef rgb(203,242,239)
```
#daf6f4
```
#daf6f4 rgb(218,246,244)
```
#eafaf9
```
#eafaf9 rgb(234,250,249)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#505a59
```
#505a59 rgb(80,90,89)
```
#49615f
```
#49615f rgb(73,97,95)
```
#436764
```
#436764 rgb(67,103,100)
```
#3c6e6a
```
#3c6e6a rgb(60,110,106)
```
#36746f
```
#36746f rgb(54,116,111)
```
#2f7b75
```
#2f7b75 rgb(47,123,117)
```
#29817a
```
#29817a rgb(41,129,122)
```
#228880
```
#228880 rgb(34,136,128)
```
#1b8f86
```
#1b8f86 rgb(27,143,134)
```
#15958b
```
#15958b rgb(21,149,139)
```
#0e9c91
```
#0e9c91 rgb(14,156,145)
```
#08a296
```
#08a296 rgb(8,162,150)
```
#01a99c
```
#01a99c rgb(1,169,156)
```

Tone Color Variation

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

Dichromacy

#83807f Protanopia 1% of men
#877d8c Deuteranopia 1% of men
#388b96 Tritanopia 0.001% of the population

Trichromacy

#60837f Protanomaly 1% of men, 0.01% of women
#628187 Deuteranomaly 6% of men, 0.4% of women
#308a8e Tritanomaly 0.01% of the population