#227285 hex color

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

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

● #227285 color description : Dark cyan.

The hexadecimal color #227285 has RGB values of R:34, G:114, B:133 and CMYK values of C:0.74, M:0.14, Y:0, K:0.48. Its decimal value is 2257541.

Hex triplet	227285	`#227285`
RGB Decimal	34, 114, 133	`rgb(34,114,133)`
RGB Percent	13.3, 44.7, 52.2	`rgb(13.3%,44.7%,52.2%)`
CMYK	74, 14, 0, 48
HSL	191.5°, 59.3, 32.7	`hsl(191.5,59.3%,32.7%)`
HSV (or HSB)	191.5°, 74.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	44.329, -17.048, -17.347
XYZ	10.909, 14.067, 24.329
xyY	0.221, 0.285, 14.067
CIE-LCH	44.329, 24.322, 225.499
CIE-LUV	44.329, -28.737, -22.492
Hunter-Lab	37.506, -13.716, -12.205
Binary	00100010, 01110010, 10000101

#227285
```
#227285 rgb(34,114,133)
```
#853522
```
#853522 rgb(133,53,34)
```

Complementary Color

#228567
```
#228567 rgb(34,133,103)
```
#227285
```
#227285 rgb(34,114,133)
```
#224185
```
#224185 rgb(34,65,133)
```

Analogous Color

#856722
```
#856722 rgb(133,103,34)
```
#227285
```
#227285 rgb(34,114,133)
```
#852241
```
#852241 rgb(133,34,65)
```

Split Complementary Color

#728522
```
#728522 rgb(114,133,34)
```
#227285
```
#227285 rgb(34,114,133)
```
#852272
```
#852272 rgb(133,34,114)
```

Triadic Color

#228535
```
#228535 rgb(34,133,53)
```
#227285
```
#227285 rgb(34,114,133)
```
#852272
```
#852272 rgb(133,34,114)
```
#853522
```
#853522 rgb(133,53,34)
```

Tetradic Color

#123e48
```
#123e48 rgb(18,62,72)
```
#184f5c
```
#184f5c rgb(24,79,92)
```
#1d6171
```
#1d6171 rgb(29,97,113)
```
#227285
```
#227285 rgb(34,114,133)
```
#278399
```
#278399 rgb(39,131,153)
```
#2c95ae
```
#2c95ae rgb(44,149,174)
```
#32a6c2
```
#32a6c2 rgb(50,166,194)
```

Monochromatic Color

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

#22857f
```
#22857f rgb(34,133,127)
```
#228385
```
#228385 rgb(34,131,133)
```
#227a85
```
#227a85 rgb(34,122,133)
```
#227285
```
#227285 rgb(34,114,133)
```
#226a85
```
#226a85 rgb(34,106,133)
```
#226185
```
#226185 rgb(34,97,133)
```
#225985
```
#225985 rgb(34,89,133)
```

Similar Colors

Text with hexadecimal color #227285

This text has a font color of #227285.

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

#227285 background color

This paragraph has a background color of #227285.

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

#227285 border color

This element has a border color of #227285.

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

CSS codes

.text {color:#227285;}

.background {background-color:#227285;}

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

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)
```
#061418
```
#061418 rgb(6,20,24)
```
#0a2227
```
#0a2227 rgb(10,34,39)
```
#0e2f37
```
#0e2f37 rgb(14,47,55)
```
#123c47
```
#123c47 rgb(18,60,71)
```
#164a56
```
#164a56 rgb(22,74,86)
```
#1a5766
```
#1a5766 rgb(26,87,102)
```
#1e6575
```
#1e6575 rgb(30,101,117)
```
#227285
```
#227285 rgb(34,114,133)
```
#267f95
```
#267f95 rgb(38,127,149)
```
#2a8da4
```
#2a8da4 rgb(42,141,164)
```
#2e9ab4
```
#2e9ab4 rgb(46,154,180)
```
#32a8c3
```
#32a8c3 rgb(50,168,195)
```

Shade Color Variation

#3cb1cd
```
#3cb1cd rgb(60,177,205)
```
#4cb7d1
```
#4cb7d1 rgb(76,183,209)
```
#5bbed5
```
#5bbed5 rgb(91,190,213)
```
#6bc4d9
```
#6bc4d9 rgb(107,196,217)
```
#7acadd
```
#7acadd rgb(122,202,221)
```
#8ad0e1
```
#8ad0e1 rgb(138,208,225)
```
#9ad7e5
```
#9ad7e5 rgb(154,215,229)
```
#a9dde9
```
#a9dde9 rgb(169,221,233)
```
#b9e3ed
```
#b9e3ed rgb(185,227,237)
```
#c9e9f1
```
#c9e9f1 rgb(201,233,241)
```
#d8f0f5
```
#d8f0f5 rgb(216,240,245)
```
#e8f6f9
```
#e8f6f9 rgb(232,246,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#4f5658
```
#4f5658 rgb(79,86,88)
```
#495a5e
```
#495a5e rgb(73,90,94)
```
#425e65
```
#425e65 rgb(66,94,101)
```
#3c626b
```
#3c626b rgb(60,98,107)
```
#356672
```
#356672 rgb(53,102,114)
```
#2f6a78
```
#2f6a78 rgb(47,106,120)
```
#286e7f
```
#286e7f rgb(40,110,127)
```
#227285
```
#227285 rgb(34,114,133)
```
#1c768b
```
#1c768b rgb(28,118,139)
```
#157a92
```
#157a92 rgb(21,122,146)
```
#0f7e98
```
#0f7e98 rgb(15,126,152)
```
#08829f
```
#08829f rgb(8,130,159)
```
#0286a5
```
#0286a5 rgb(2,134,165)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f85 Protanopia 1% of men
#696e8f Deuteranopia 1% of men
#267a83 Tritanopia 0.001% of the population

Trichromacy

#507085 Protanomaly 1% of men, 0.01% of women
#4f708b Deuteranomaly 6% of men, 0.4% of women
#247784 Tritanomaly 0.01% of the population

#227285 hex color

#227285 Color Information

#227285 Color Conversion

Color Schemes with #227285

Alternatives to #227285

#227285 Preview

Shades and Tints of #227285

Tones of #227285

Color Blindness Simulator