#227e96 hex color

In a RGB color space, hex #227e96 is composed of 13.3% red, 49.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 16% magenta, 0% yellow and 41.2% black. It has a hue angle of 192.4 degrees, a saturation of 63% and a lightness of 36.1%. #227e96 color hex could be obtained by blending #44fcff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 49
- B 59
RGB color chart
- C 77
- M 16
- Y 0
- K 41
CMYK color chart

● #227e96 color description : Dark cyan.

The hexadecimal color #227e96 has RGB values of R:34, G:126, B:150 and CMYK values of C:0.77, M:0.16, Y:0, K:0.41. Its decimal value is 2260630.

Hex triplet	227e96	`#227e96`
RGB Decimal	34, 126, 150	`rgb(34,126,150)`
RGB Percent	13.3, 49.4, 58.8	`rgb(13.3%,49.4%,58.8%)`
CMYK	77, 16, 0, 41
HSL	192.4°, 63, 36.1	`hsl(192.4,63%,36.1%)`
HSV (or HSB)	192.4°, 77.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	48.838, -17.799, -20.494
XYZ	13.624, 17.463, 31.505
xyY	0.218, 0.279, 17.463
CIE-LCH	48.838, 27.144, 229.025
CIE-LUV	48.838, -32.115, -27.72
Hunter-Lab	41.788, -14.934, -15.448
Binary	00100010, 01111110, 10010110

#227e96
```
#227e96 rgb(34,126,150)
```
#963a22
```
#963a22 rgb(150,58,34)
```

Complementary Color

#229674
```
#229674 rgb(34,150,116)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#224496
```
#224496 rgb(34,68,150)
```

Analogous Color

#967422
```
#967422 rgb(150,116,34)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#962244
```
#962244 rgb(150,34,68)
```

Split Complementary Color

#7e9622
```
#7e9622 rgb(126,150,34)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#96227e
```
#96227e rgb(150,34,126)
```

Triadic Color

#22963a
```
#22963a rgb(34,150,58)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#96227e
```
#96227e rgb(150,34,126)
```
#963a22
```
#963a22 rgb(150,58,34)
```

Tetradic Color

#144a58
```
#144a58 rgb(20,74,88)
```
#195b6c
```
#195b6c rgb(25,91,108)
```
#1d6d81
```
#1d6d81 rgb(29,109,129)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#278fab
```
#278fab rgb(39,143,171)
```
#2ba1c0
```
#2ba1c0 rgb(43,161,192)
```
#34b0d1
```
#34b0d1 rgb(52,176,209)
```

Monochromatic Color

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

#229691
```
#229691 rgb(34,150,145)
```
#229196
```
#229196 rgb(34,145,150)
```
#228896
```
#228896 rgb(34,136,150)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#227496
```
#227496 rgb(34,116,150)
```
#226b96
```
#226b96 rgb(34,107,150)
```
#226196
```
#226196 rgb(34,97,150)
```

Similar Colors

Text with hexadecimal color #227e96

This text has a font color of #227e96.

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

#227e96 background color

This paragraph has a background color of #227e96.

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

#227e96 border color

This element has a border color of #227e96.

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

CSS codes

.text {color:#227e96;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051316
```
#051316 rgb(5,19,22)
```
#092026
```
#092026 rgb(9,32,38)
```
#0c2d36
```
#0c2d36 rgb(12,45,54)
```
#103b46
```
#103b46 rgb(16,59,70)
```
#144856
```
#144856 rgb(20,72,86)
```
#175666
```
#175666 rgb(23,86,102)
```
#1b6376
```
#1b6376 rgb(27,99,118)
```
#1e7186
```
#1e7186 rgb(30,113,134)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#268ba6
```
#268ba6 rgb(38,139,166)
```
#2999b6
```
#2999b6 rgb(41,153,182)
```
#2da6c6
```
#2da6c6 rgb(45,166,198)
```

Shade Color Variation

#35b1d1
```
#35b1d1 rgb(53,177,209)
```
#45b7d5
```
#45b7d5 rgb(69,183,213)
```
#55bdd9
```
#55bdd9 rgb(85,189,217)
```
#65c4dc
```
#65c4dc rgb(101,196,220)
```
#75cae0
```
#75cae0 rgb(117,202,224)
```
#85d0e3
```
#85d0e3 rgb(133,208,227)
```
#95d6e7
```
#95d6e7 rgb(149,214,231)
```
#a5dceb
```
#a5dceb rgb(165,220,235)
```
#b5e2ee
```
#b5e2ee rgb(181,226,238)
```
#c5e9f2
```
#c5e9f2 rgb(197,233,242)
```
#d5eff6
```
#d5eff6 rgb(213,239,246)
```
#e5f5f9
```
#e5f5f9 rgb(229,245,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5d5d is the less saturated color, while #068fb2 is the most saturated one.

#5b5d5d
```
#5b5d5d rgb(91,93,93)
```
#546164
```
#546164 rgb(84,97,100)
```
#4c656c
```
#4c656c rgb(76,101,108)
```
#456973
```
#456973 rgb(69,105,115)
```
#3e6d7a
```
#3e6d7a rgb(62,109,122)
```
#377281
```
#377281 rgb(55,114,129)
```
#307688
```
#307688 rgb(48,118,136)
```
#297a8f
```
#297a8f rgb(41,122,143)
```
#227e96
```
#227e96 rgb(34,126,150)
```
#1b829d
```
#1b829d rgb(27,130,157)
```
#1486a4
```
#1486a4 rgb(20,134,164)
```
#0d8aab
```
#0d8aab rgb(13,138,171)
```
#068fb2
```
#068fb2 rgb(6,143,178)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#586a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a94 Protanopia 1% of men
#71799f Deuteranopia 1% of men
#218690 Tritanopia 0.001% of the population

Trichromacy

#567b95 Protanomaly 1% of men, 0.01% of women
#547b9c Deuteranomaly 6% of men, 0.4% of women
#218392 Tritanomaly 0.01% of the population

#227e96 hex color

#227e96 Color Information

#227e96 Color Conversion

Color Schemes with #227e96

Alternatives to #227e96

#227e96 Preview

Shades and Tints of #227e96

Tones of #227e96

Color Blindness Simulator