#228785 hex color

In a RGB color space, hex #228785 is composed of 13.3% red, 52.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 0% magenta, 1.5% yellow and 47.1% black. It has a hue angle of 178.8 degrees, a saturation of 59.8% and a lightness of 33.1%. #228785 color hex could be obtained by blending #44ffff with #000f0b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 53
- B 52
RGB color chart
- C 75
- M 0
- Y 1
- K 47
CMYK color chart

● #228785 color description : Dark cyan.

The hexadecimal color #228785 has RGB values of R:34, G:135, B:133 and CMYK values of C:0.75, M:0, Y:0.01, K:0.47. Its decimal value is 2262917.

Hex triplet	228785	`#228785`
RGB Decimal	34, 135, 133	`rgb(34,135,133)`
RGB Percent	13.3, 52.9, 52.2	`rgb(13.3%,52.9%,52.2%)`
CMYK	75, 0, 1, 47
HSL	178.8°, 59.8, 33.1	`hsl(178.8,59.8%,33.1%)`
HSV (or HSB)	178.8°, 74.8, 52.9
Web Safe	339999	`#339999`

CIE-LAB	51.106, -28.013, -7.113
XYZ	13.556, 19.36, 25.211
xyY	0.233, 0.333, 19.36
CIE-LCH	51.106, 28.902, 194.246
CIE-LUV	51.106, -36.536, -6.188
Hunter-Lab	44, -22.007, -3.172
Binary	00100010, 10000111, 10000101

#228785
```
#228785 rgb(34,135,133)
```
#872224
```
#872224 rgb(135,34,36)
```

Complementary Color

#228753
```
#228753 rgb(34,135,83)
```
#228785
```
#228785 rgb(34,135,133)
```
#225787
```
#225787 rgb(34,87,135)
```

Analogous Color

#875322
```
#875322 rgb(135,83,34)
```
#228785
```
#228785 rgb(34,135,133)
```
#872257
```
#872257 rgb(135,34,87)
```

Split Complementary Color

#878522
```
#878522 rgb(135,133,34)
```
#228785
```
#228785 rgb(34,135,133)
```
#852287
```
#852287 rgb(133,34,135)
```

Triadic Color

#248722
```
#248722 rgb(36,135,34)
```
#228785
```
#228785 rgb(34,135,133)
```
#852287
```
#852287 rgb(133,34,135)
```
#872224
```
#872224 rgb(135,34,36)
```

Tetradic Color

#134a49
```
#134a49 rgb(19,74,73)
```
#185e5d
```
#185e5d rgb(24,94,93)
```
#1d7371
```
#1d7371 rgb(29,115,113)
```
#228785
```
#228785 rgb(34,135,133)
```
#279b99
```
#279b99 rgb(39,155,153)
```
#2cb0ad
```
#2cb0ad rgb(44,176,173)
```
#31c4c1
```
#31c4c1 rgb(49,196,193)
```

Monochromatic Color

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

#22876c
```
#22876c rgb(34,135,108)
```
#228774
```
#228774 rgb(34,135,116)
```
#22877d
```
#22877d rgb(34,135,125)
```
#228785
```
#228785 rgb(34,135,133)
```
#228187
```
#228187 rgb(34,129,135)
```
#227887
```
#227887 rgb(34,120,135)
```
#227087
```
#227087 rgb(34,112,135)
```

Similar Colors

Text with hexadecimal color #228785

This text has a font color of #228785.

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

#228785 background color

This paragraph has a background color of #228785.

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

#228785 border color

This element has a border color of #228785.

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

CSS codes

.text {color:#228785;}

.background {background-color:#228785;}

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#061919
```
#061919 rgb(6,25,25)
```
#0a2928
```
#0a2928 rgb(10,41,40)
```
#0e3938
```
#0e3938 rgb(14,57,56)
```
#124847
```
#124847 rgb(18,72,71)
```
#165857
```
#165857 rgb(22,88,87)
```
#1a6866
```
#1a6866 rgb(26,104,102)
```
#1e7776
```
#1e7776 rgb(30,119,118)
```
#228785
```
#228785 rgb(34,135,133)
```
#269794
```
#269794 rgb(38,151,148)
```
#2aa6a4
```
#2aa6a4 rgb(42,166,164)
```
#2eb6b3
```
#2eb6b3 rgb(46,182,179)
```
#32c6c3
```
#32c6c3 rgb(50,198,195)
```

Shade Color Variation

#3dcecb
```
#3dcecb rgb(61,206,203)
```
#4dd2cf
```
#4dd2cf rgb(77,210,207)
```
#5cd6d4
```
#5cd6d4 rgb(92,214,212)
```
#6cdad8
```
#6cdad8 rgb(108,218,216)
```
#7cdedc
```
#7cdedc rgb(124,222,220)
```
#8be2e0
```
#8be2e0 rgb(139,226,224)
```
#9be6e4
```
#9be6e4 rgb(155,230,228)
```
#abeae9
```
#abeae9 rgb(171,234,233)
```
#baeeed
```
#baeeed rgb(186,238,237)
```
#caf2f1
```
#caf2f1 rgb(202,242,241)
```
#daf6f5
```
#daf6f5 rgb(218,246,245)
```
#e9faf9
```
#e9faf9 rgb(233,250,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,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 #01a8a4 is the most saturated one.

#505a59
```
#505a59 rgb(80,90,89)
```
#496060
```
#496060 rgb(73,96,96)
```
#436766
```
#436766 rgb(67,103,102)
```
#3c6d6c
```
#3c6d6c rgb(60,109,108)
```
#367472
```
#367472 rgb(54,116,114)
```
#2f7a79
```
#2f7a79 rgb(47,122,121)
```
#29817f
```
#29817f rgb(41,129,127)
```
#228785
```
#228785 rgb(34,135,133)
```
#1c8e8b
```
#1c8e8b rgb(28,142,139)
```
#159491
```
#159491 rgb(21,148,145)
```
#0f9b98
```
#0f9b98 rgb(15,155,152)
```
#08a19e
```
#08a19e rgb(8,161,158)
```
#01a8a4
```
#01a8a4 rgb(1,168,164)
```

Tone Color Variation

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

Dichromacy

#817f83 Protanopia 1% of men
#847d91 Deuteranopia 1% of men
#358b95 Tritanopia 0.001% of the population

Trichromacy

#5e8284 Protanomaly 1% of men, 0.01% of women
#60818c Deuteranomaly 6% of men, 0.4% of women
#2e898f Tritanomaly 0.01% of the population

#228785 hex color

#228785 Color Information

#228785 Color Conversion

Color Schemes with #228785

Alternatives to #228785

#228785 Preview

Shades and Tints of #228785

Tones of #228785

Color Blindness Simulator