#227885 hex color

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

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

● #227885 color description : Dark cyan.

The hexadecimal color #227885 has RGB values of R:34, G:120, B:133 and CMYK values of C:0.74, M:0.1, Y:0, K:0.48. Its decimal value is 2259077.

Hex triplet	227885	`#227885`
RGB Decimal	34, 120, 133	`rgb(34,120,133)`
RGB Percent	13.3, 47.1, 52.2	`rgb(13.3%,47.1%,52.2%)`
CMYK	74, 10, 0, 48
HSL	187.9°, 59.3, 32.7	`hsl(187.9,59.3%,32.7%)`
HSV (or HSB)	187.9°, 74.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	46.265, -20.309, -14.396
XYZ	11.609, 15.465, 24.562
xyY	0.225, 0.3, 15.465
CIE-LCH	46.265, 24.894, 215.33
CIE-LUV	46.265, -30.967, -17.826
Hunter-Lab	39.326, -16.13, -9.503
Binary	00100010, 01111000, 10000101

#227885
```
#227885 rgb(34,120,133)
```
#852f22
```
#852f22 rgb(133,47,34)
```

Complementary Color

#228561
```
#228561 rgb(34,133,97)
```
#227885
```
#227885 rgb(34,120,133)
```
#224785
```
#224785 rgb(34,71,133)
```

Analogous Color

#856122
```
#856122 rgb(133,97,34)
```
#227885
```
#227885 rgb(34,120,133)
```
#852247
```
#852247 rgb(133,34,71)
```

Split Complementary Color

#788522
```
#788522 rgb(120,133,34)
```
#227885
```
#227885 rgb(34,120,133)
```
#852278
```
#852278 rgb(133,34,120)
```

Triadic Color

#22852f
```
#22852f rgb(34,133,47)
```
#227885
```
#227885 rgb(34,120,133)
```
#852278
```
#852278 rgb(133,34,120)
```
#852f22
```
#852f22 rgb(133,47,34)
```

Tetradic Color

#124148
```
#124148 rgb(18,65,72)
```
#18535c
```
#18535c rgb(24,83,92)
```
#1d6671
```
#1d6671 rgb(29,102,113)
```
#227885
```
#227885 rgb(34,120,133)
```
#278a99
```
#278a99 rgb(39,138,153)
```
#2c9dae
```
#2c9dae rgb(44,157,174)
```
#32afc2
```
#32afc2 rgb(50,175,194)
```

Monochromatic Color

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

#228579
```
#228579 rgb(34,133,121)
```
#228582
```
#228582 rgb(34,133,130)
```
#228085
```
#228085 rgb(34,128,133)
```
#227885
```
#227885 rgb(34,120,133)
```
#227085
```
#227085 rgb(34,112,133)
```
#226885
```
#226885 rgb(34,104,133)
```
#225f85
```
#225f85 rgb(34,95,133)
```

Similar Colors

Text with hexadecimal color #227885

This text has a font color of #227885.

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

#227885 background color

This paragraph has a background color of #227885.

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

#227885 border color

This element has a border color of #227885.

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

CSS codes

.text {color:#227885;}

.background {background-color:#227885;}

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061518
```
#061518 rgb(6,21,24)
```
#0a2327
```
#0a2327 rgb(10,35,39)
```
#0e3237
```
#0e3237 rgb(14,50,55)
```
#124047
```
#124047 rgb(18,64,71)
```
#164e56
```
#164e56 rgb(22,78,86)
```
#1a5c66
```
#1a5c66 rgb(26,92,102)
```
#1e6a75
```
#1e6a75 rgb(30,106,117)
```
#227885
```
#227885 rgb(34,120,133)
```
#268695
```
#268695 rgb(38,134,149)
```
#2a94a4
```
#2a94a4 rgb(42,148,164)
```
#2ea2b4
```
#2ea2b4 rgb(46,162,180)
```
#32b0c3
```
#32b0c3 rgb(50,176,195)
```

Shade Color Variation

#3cbacd
```
#3cbacd rgb(60,186,205)
```
#4cc0d1
```
#4cc0d1 rgb(76,192,209)
```
#5bc5d5
```
#5bc5d5 rgb(91,197,213)
```
#6bcbd9
```
#6bcbd9 rgb(107,203,217)
```
#7ad0dd
```
#7ad0dd rgb(122,208,221)
```
#8ad6e1
```
#8ad6e1 rgb(138,214,225)
```
#9adbe5
```
#9adbe5 rgb(154,219,229)
```
#a9e1e9
```
#a9e1e9 rgb(169,225,233)
```
#b9e6ed
```
#b9e6ed rgb(185,230,237)
```
#c9ecf1
```
#c9ecf1 rgb(201,236,241)
```
#d8f1f5
```
#d8f1f5 rgb(216,241,245)
```
#e8f7f9
```
#e8f7f9 rgb(232,247,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,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 #0290a5 is the most saturated one.

#4f5758
```
#4f5758 rgb(79,87,88)
```
#495c5e
```
#495c5e rgb(73,92,94)
```
#426065
```
#426065 rgb(66,96,101)
```
#3c656b
```
#3c656b rgb(60,101,107)
```
#356a72
```
#356a72 rgb(53,106,114)
```
#2f6f78
```
#2f6f78 rgb(47,111,120)
```
#28737f
```
#28737f rgb(40,115,127)
```
#227885
```
#227885 rgb(34,120,133)
```
#1c7d8b
```
#1c7d8b rgb(28,125,139)
```
#158192
```
#158192 rgb(21,129,146)
```
#0f8698
```
#0f8698 rgb(15,134,152)
```
#088b9f
```
#088b9f rgb(8,139,159)
```
#0290a5
```
#0290a5 rgb(2,144,165)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#546567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727484 Protanopia 1% of men
#71738f Deuteranopia 1% of men
#2b7f88 Tritanopia 0.001% of the population

Trichromacy

#557584 Protanomaly 1% of men, 0.01% of women
#54748b Deuteranomaly 6% of men, 0.4% of women
#277c87 Tritanomaly 0.01% of the population

#227885 hex color

#227885 Color Information

#227885 Color Conversion

Color Schemes with #227885

Alternatives to #227885

#227885 Preview

Shades and Tints of #227885

Tones of #227885

Color Blindness Simulator