#227f85 hex color

In a RGB color space, hex #227f85 is composed of 13.3% red, 49.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 4.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 183.6 degrees, a saturation of 59.3% and a lightness of 32.7%. #227f85 color hex could be obtained by blending #44feff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 50
- B 52
RGB color chart
- C 74
- M 5
- Y 0
- K 48
CMYK color chart

● #227f85 color description : Dark cyan.

The hexadecimal color #227f85 has RGB values of R:34, G:127, B:133 and CMYK values of C:0.74, M:0.05, Y:0, K:0.48. Its decimal value is 2260869.

Hex triplet	227f85	`#227f85`
RGB Decimal	34, 127, 133	`rgb(34,127,133)`
RGB Percent	13.3, 49.8, 52.2	`rgb(13.3%,49.8%,52.2%)`
CMYK	74, 5, 0, 48
HSL	183.6°, 59.3, 32.7	`hsl(183.6,59.3%,32.7%)`
HSV (or HSB)	183.6°, 74.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	48.525, -23.982, -10.978
XYZ	12.481, 17.211, 24.853
xyY	0.229, 0.316, 17.211
CIE-LCH	48.525, 26.375, 204.597
CIE-LUV	48.525, -33.569, -12.377
Hunter-Lab	41.486, -18.898, -6.479
Binary	00100010, 01111111, 10000101

#227f85
```
#227f85 rgb(34,127,133)
```
#852822
```
#852822 rgb(133,40,34)
```

Complementary Color

#22855a
```
#22855a rgb(34,133,90)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#224d85
```
#224d85 rgb(34,77,133)
```

Analogous Color

#855a22
```
#855a22 rgb(133,90,34)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#85224e
```
#85224e rgb(133,34,78)
```

Split Complementary Color

#7f8522
```
#7f8522 rgb(127,133,34)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#85227f
```
#85227f rgb(133,34,127)
```

Triadic Color

#228528
```
#228528 rgb(34,133,40)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#85227f
```
#85227f rgb(133,34,127)
```
#852822
```
#852822 rgb(133,40,34)
```

Tetradic Color

#124548
```
#124548 rgb(18,69,72)
```
#18585c
```
#18585c rgb(24,88,92)
```
#1d6c71
```
#1d6c71 rgb(29,108,113)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#279299
```
#279299 rgb(39,146,153)
```
#2ca6ae
```
#2ca6ae rgb(44,166,174)
```
#32b9c2
```
#32b9c2 rgb(50,185,194)
```

Monochromatic Color

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

#228572
```
#228572 rgb(34,133,114)
```
#22857b
```
#22857b rgb(34,133,123)
```
#228583
```
#228583 rgb(34,133,131)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#227785
```
#227785 rgb(34,119,133)
```
#226f85
```
#226f85 rgb(34,111,133)
```
#226685
```
#226685 rgb(34,102,133)
```

Similar Colors

Text with hexadecimal color #227f85

This text has a font color of #227f85.

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

#227f85 background color

This paragraph has a background color of #227f85.

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

#227f85 border color

This element has a border color of #227f85.

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

CSS codes

.text {color:#227f85;}

.background {background-color:#227f85;}

.border {border:1px solid #227f85;}

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

#020808
```
#020808 rgb(2,8,8)
```
#061718
```
#061718 rgb(6,23,24)
```
#0a2527
```
#0a2527 rgb(10,37,39)
```
#0e3437
```
#0e3437 rgb(14,52,55)
```
#124347
```
#124347 rgb(18,67,71)
```
#165256
```
#165256 rgb(22,82,86)
```
#1a6166
```
#1a6166 rgb(26,97,102)
```
#1e7075
```
#1e7075 rgb(30,112,117)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#268e95
```
#268e95 rgb(38,142,149)
```
#2a9da4
```
#2a9da4 rgb(42,157,164)
```
#2eacb4
```
#2eacb4 rgb(46,172,180)
```
#32bbc3
```
#32bbc3 rgb(50,187,195)
```

Shade Color Variation

#3cc4cd
```
#3cc4cd rgb(60,196,205)
```
#4cc9d1
```
#4cc9d1 rgb(76,201,209)
```
#5bced5
```
#5bced5 rgb(91,206,213)
```
#6bd2d9
```
#6bd2d9 rgb(107,210,217)
```
#7ad7dd
```
#7ad7dd rgb(122,215,221)
```
#8adce1
```
#8adce1 rgb(138,220,225)
```
#9ae1e5
```
#9ae1e5 rgb(154,225,229)
```
#a9e5e9
```
#a9e5e9 rgb(169,229,233)
```
#b9eaed
```
#b9eaed rgb(185,234,237)
```
#c9eff1
```
#c9eff1 rgb(201,239,241)
```
#d8f3f5
```
#d8f3f5 rgb(216,243,245)
```
#e8f8f9
```
#e8f8f9 rgb(232,248,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#4f5758
```
#4f5758 rgb(79,87,88)
```
#495d5e
```
#495d5e rgb(73,93,94)
```
#426365
```
#426365 rgb(66,99,101)
```
#3c686b
```
#3c686b rgb(60,104,107)
```
#356e72
```
#356e72 rgb(53,110,114)
```
#2f7478
```
#2f7478 rgb(47,116,120)
```
#28797f
```
#28797f rgb(40,121,127)
```
#227f85
```
#227f85 rgb(34,127,133)
```
#1c858b
```
#1c858b rgb(28,133,139)
```
#158a92
```
#158a92 rgb(21,138,146)
```
#0f9098
```
#0f9098 rgb(15,144,152)
```
#08969f
```
#08969f rgb(8,150,159)
```
#029ba5
```
#029ba5 rgb(2,155,165)
```

Tone Color Variation

Below, you can see how #227f85 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
#57696b Atypical Achromatopsia 0.001% of the population

Dichromacy

#797984 Protanopia 1% of men
#7a7790 Deuteranopia 1% of men
#30858e Tritanopia 0.001% of the population

Trichromacy

#597b84 Protanomaly 1% of men, 0.01% of women
#5a7a8c Deuteranomaly 6% of men, 0.4% of women
#2b828b Tritanomaly 0.01% of the population

#227f85 hex color

#227f85 Color Information

#227f85 Color Conversion

Color Schemes with #227f85

Alternatives to #227f85

#227f85 Preview

Shades and Tints of #227f85

Tones of #227f85

Color Blindness Simulator