#227485 hex color

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

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

● #227485 color description : Dark cyan.

The hexadecimal color #227485 has RGB values of R:34, G:116, B:133 and CMYK values of C:0.74, M:0.13, Y:0, K:0.48. Its decimal value is 2258053.

Hex triplet	227485	`#227485`
RGB Decimal	34, 116, 133	`rgb(34,116,133)`
RGB Percent	13.3, 45.5, 52.2	`rgb(13.3%,45.5%,52.2%)`
CMYK	74, 13, 0, 48
HSL	190.3°, 59.3, 32.7	`hsl(190.3,59.3%,32.7%)`
HSV (or HSB)	190.3°, 74.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	44.974, -18.147, -16.361
XYZ	11.138, 14.523, 24.405
xyY	0.222, 0.29, 14.523
CIE-LCH	44.974, 24.433, 222.038
CIE-LUV	44.974, -29.48, -20.939
Hunter-Lab	38.109, -14.525, -11.293
Binary	00100010, 01110100, 10000101

#227485
```
#227485 rgb(34,116,133)
```
#853322
```
#853322 rgb(133,51,34)
```

Complementary Color

#228565
```
#228565 rgb(34,133,101)
```
#227485
```
#227485 rgb(34,116,133)
```
#224285
```
#224285 rgb(34,66,133)
```

Analogous Color

#856522
```
#856522 rgb(133,101,34)
```
#227485
```
#227485 rgb(34,116,133)
```
#852243
```
#852243 rgb(133,34,67)
```

Split Complementary Color

#748522
```
#748522 rgb(116,133,34)
```
#227485
```
#227485 rgb(34,116,133)
```
#852274
```
#852274 rgb(133,34,116)
```

Triadic Color

#228533
```
#228533 rgb(34,133,51)
```
#227485
```
#227485 rgb(34,116,133)
```
#852274
```
#852274 rgb(133,34,116)
```
#853322
```
#853322 rgb(133,51,34)
```

Tetradic Color

#123f48
```
#123f48 rgb(18,63,72)
```
#18515c
```
#18515c rgb(24,81,92)
```
#1d6271
```
#1d6271 rgb(29,98,113)
```
#227485
```
#227485 rgb(34,116,133)
```
#278699
```
#278699 rgb(39,134,153)
```
#2c97ae
```
#2c97ae rgb(44,151,174)
```
#32a9c2
```
#32a9c2 rgb(50,169,194)
```

Monochromatic Color

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

#22857d
```
#22857d rgb(34,133,125)
```
#228585
```
#228585 rgb(34,133,133)
```
#227c85
```
#227c85 rgb(34,124,133)
```
#227485
```
#227485 rgb(34,116,133)
```
#226c85
```
#226c85 rgb(34,108,133)
```
#226485
```
#226485 rgb(34,100,133)
```
#225b85
```
#225b85 rgb(34,91,133)
```

Similar Colors

Text with hexadecimal color #227485

This text has a font color of #227485.

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

#227485 background color

This paragraph has a background color of #227485.

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

#227485 border color

This element has a border color of #227485.

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

CSS codes

.text {color:#227485;}

.background {background-color:#227485;}

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

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)
```
#0a2227
```
#0a2227 rgb(10,34,39)
```
#0e3037
```
#0e3037 rgb(14,48,55)
```
#123d47
```
#123d47 rgb(18,61,71)
```
#164b56
```
#164b56 rgb(22,75,86)
```
#1a5966
```
#1a5966 rgb(26,89,102)
```
#1e6675
```
#1e6675 rgb(30,102,117)
```
#227485
```
#227485 rgb(34,116,133)
```
#268295
```
#268295 rgb(38,130,149)
```
#2a8fa4
```
#2a8fa4 rgb(42,143,164)
```
#2e9db4
```
#2e9db4 rgb(46,157,180)
```
#32abc3
```
#32abc3 rgb(50,171,195)
```

Shade Color Variation

#3cb4cd
```
#3cb4cd rgb(60,180,205)
```
#4cbad1
```
#4cbad1 rgb(76,186,209)
```
#5bc0d5
```
#5bc0d5 rgb(91,192,213)
```
#6bc6d9
```
#6bc6d9 rgb(107,198,217)
```
#7accdd
```
#7accdd rgb(122,204,221)
```
#8ad2e1
```
#8ad2e1 rgb(138,210,225)
```
#9ad8e5
```
#9ad8e5 rgb(154,216,229)
```
#a9dee9
```
#a9dee9 rgb(169,222,233)
```
#b9e4ed
```
#b9e4ed rgb(185,228,237)
```
#c9eaf1
```
#c9eaf1 rgb(201,234,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 #0289a5 is the most saturated one.

#4f5658
```
#4f5658 rgb(79,86,88)
```
#495b5e
```
#495b5e rgb(73,91,94)
```
#425f65
```
#425f65 rgb(66,95,101)
```
#3c636b
```
#3c636b rgb(60,99,107)
```
#356772
```
#356772 rgb(53,103,114)
```
#2f6c78
```
#2f6c78 rgb(47,108,120)
```
#28707f
```
#28707f rgb(40,112,127)
```
#227485
```
#227485 rgb(34,116,133)
```
#1c788b
```
#1c788b rgb(28,120,139)
```
#157c92
```
#157c92 rgb(21,124,146)
```
#0f8198
```
#0f8198 rgb(15,129,152)
```
#08859f
```
#08859f rgb(8,133,159)
```
#0289a5
```
#0289a5 rgb(2,137,165)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#516265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7185 Protanopia 1% of men
#6c708f Deuteranopia 1% of men
#287c85 Tritanopia 0.001% of the population

Trichromacy

#527285 Protanomaly 1% of men, 0.01% of women
#51718b Deuteranomaly 6% of men, 0.4% of women
#257985 Tritanomaly 0.01% of the population

#227485 hex color

#227485 Color Information

#227485 Color Conversion

Color Schemes with #227485

Alternatives to #227485

#227485 Preview

Shades and Tints of #227485

Tones of #227485

Color Blindness Simulator