#228196 hex color

In a RGB color space, hex #228196 is composed of 13.3% red, 50.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 14% magenta, 0% yellow and 41.2% black. It has a hue angle of 190.9 degrees, a saturation of 63% and a lightness of 36.1%. #228196 color hex could be obtained by blending #44ffff with #00032d. Closest websafe color is: #339999.

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

● #228196 color description : Dark cyan.

The hexadecimal color #228196 has RGB values of R:34, G:129, B:150 and CMYK values of C:0.77, M:0.14, Y:0, K:0.41. Its decimal value is 2261398.

Hex triplet	228196	`#228196`
RGB Decimal	34, 129, 150	`rgb(34,129,150)`
RGB Percent	13.3, 50.6, 58.8	`rgb(13.3%,50.6%,58.8%)`
CMYK	77, 14, 0, 41
HSL	190.9°, 63, 36.1	`hsl(190.9,63%,36.1%)`
HSV (or HSB)	190.9°, 77.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	49.788, -19.424, -19.037
XYZ	14.013, 18.241, 31.635
xyY	0.219, 0.286, 18.241
CIE-LCH	49.788, 27.198, 224.424
CIE-LUV	49.788, -33.209, -25.353
Hunter-Lab	42.71, -16.175, -14.019
Binary	00100010, 10000001, 10010110

#228196
```
#228196 rgb(34,129,150)
```
#963722
```
#963722 rgb(150,55,34)
```

Complementary Color

#229671
```
#229671 rgb(34,150,113)
```
#228196
```
#228196 rgb(34,129,150)
```
#224796
```
#224796 rgb(34,71,150)
```

Analogous Color

#967122
```
#967122 rgb(150,113,34)
```
#228196
```
#228196 rgb(34,129,150)
```
#962247
```
#962247 rgb(150,34,71)
```

Split Complementary Color

#819622
```
#819622 rgb(129,150,34)
```
#228196
```
#228196 rgb(34,129,150)
```
#962281
```
#962281 rgb(150,34,129)
```

Triadic Color

#229637
```
#229637 rgb(34,150,55)
```
#228196
```
#228196 rgb(34,129,150)
```
#962281
```
#962281 rgb(150,34,129)
```
#963722
```
#963722 rgb(150,55,34)
```

Tetradic Color

#144b58
```
#144b58 rgb(20,75,88)
```
#195d6c
```
#195d6c rgb(25,93,108)
```
#1d6f81
```
#1d6f81 rgb(29,111,129)
```
#228196
```
#228196 rgb(34,129,150)
```
#2793ab
```
#2793ab rgb(39,147,171)
```
#2ba5c0
```
#2ba5c0 rgb(43,165,192)
```
#34b4d1
```
#34b4d1 rgb(52,180,209)
```

Monochromatic Color

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

#22968e
```
#22968e rgb(34,150,142)
```
#229496
```
#229496 rgb(34,148,150)
```
#228b96
```
#228b96 rgb(34,139,150)
```
#228196
```
#228196 rgb(34,129,150)
```
#227796
```
#227796 rgb(34,119,150)
```
#226e96
```
#226e96 rgb(34,110,150)
```
#226496
```
#226496 rgb(34,100,150)
```

Similar Colors

Text with hexadecimal color #228196

This text has a font color of #228196.

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

#228196 background color

This paragraph has a background color of #228196.

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

#228196 border color

This element has a border color of #228196.

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

CSS codes

.text {color:#228196;}

.background {background-color:#228196;}

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

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)
```
#092126
```
#092126 rgb(9,33,38)
```
#0c2e36
```
#0c2e36 rgb(12,46,54)
```
#103c46
```
#103c46 rgb(16,60,70)
```
#144a56
```
#144a56 rgb(20,74,86)
```
#175866
```
#175866 rgb(23,88,102)
```
#1b6576
```
#1b6576 rgb(27,101,118)
```
#1e7386
```
#1e7386 rgb(30,115,134)
```
#228196
```
#228196 rgb(34,129,150)
```
#268fa6
```
#268fa6 rgb(38,143,166)
```
#299db6
```
#299db6 rgb(41,157,182)
```
#2daac6
```
#2daac6 rgb(45,170,198)
```

Shade Color Variation

#35b5d1
```
#35b5d1 rgb(53,181,209)
```
#45bbd5
```
#45bbd5 rgb(69,187,213)
```
#55c1d9
```
#55c1d9 rgb(85,193,217)
```
#65c7dc
```
#65c7dc rgb(101,199,220)
```
#75cce0
```
#75cce0 rgb(117,204,224)
```
#85d2e3
```
#85d2e3 rgb(133,210,227)
```
#95d8e7
```
#95d8e7 rgb(149,216,231)
```
#a5deeb
```
#a5deeb rgb(165,222,235)
```
#b5e4ee
```
#b5e4ee rgb(181,228,238)
```
#c5eaf2
```
#c5eaf2 rgb(197,234,242)
```
#d5f0f6
```
#d5f0f6 rgb(213,240,246)
```
#e5f6f9
```
#e5f6f9 rgb(229,246,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 #0693b2 is the most saturated one.

#5b5d5d
```
#5b5d5d rgb(91,93,93)
```
#546164
```
#546164 rgb(84,97,100)
```
#4c666c
```
#4c666c rgb(76,102,108)
```
#456a73
```
#456a73 rgb(69,106,115)
```
#3e6f7a
```
#3e6f7a rgb(62,111,122)
```
#377381
```
#377381 rgb(55,115,129)
```
#307888
```
#307888 rgb(48,120,136)
```
#297c8f
```
#297c8f rgb(41,124,143)
```
#228196
```
#228196 rgb(34,129,150)
```
#1b869d
```
#1b869d rgb(27,134,157)
```
#148aa4
```
#148aa4 rgb(20,138,164)
```
#0d8fab
```
#0d8fab rgb(13,143,171)
```
#0693b2
```
#0693b2 rgb(6,147,178)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787c94 Protanopia 1% of men
#757ba0 Deuteranopia 1% of men
#248993 Tritanopia 0.001% of the population

Trichromacy

#587e95 Protanomaly 1% of men, 0.01% of women
#577d9c Deuteranomaly 6% of men, 0.4% of women
#238694 Tritanomaly 0.01% of the population

#228196 hex color

#228196 Color Information

#228196 Color Conversion

Color Schemes with #228196

Alternatives to #228196

#228196 Preview

Shades and Tints of #228196

Tones of #228196

Color Blindness Simulator