#228096 hex color

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

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

● #228096 color description : Dark cyan.

The hexadecimal color #228096 has RGB values of R:34, G:128, B:150 and CMYK values of C:0.77, M:0.15, Y:0, K:0.41. Its decimal value is 2261142.

Hex triplet	228096	`#228096`
RGB Decimal	34, 128, 150	`rgb(34,128,150)`
RGB Percent	13.3, 50.2, 58.8	`rgb(13.3%,50.2%,58.8%)`
CMYK	77, 15, 0, 41
HSL	191.4°, 63, 36.1	`hsl(191.4,63%,36.1%)`
HSV (or HSB)	191.4°, 77.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	49.471, -18.885, -19.522
XYZ	13.882, 17.979, 31.591
xyY	0.219, 0.283, 17.979
CIE-LCH	49.471, 27.162, 225.951
CIE-LUV	49.471, -32.844, -26.142
Hunter-Lab	42.402, -15.762, -14.492
Binary	00100010, 10000000, 10010110

#228096
```
#228096 rgb(34,128,150)
```
#963822
```
#963822 rgb(150,56,34)
```

Complementary Color

#229672
```
#229672 rgb(34,150,114)
```
#228096
```
#228096 rgb(34,128,150)
```
#224696
```
#224696 rgb(34,70,150)
```

Analogous Color

#967222
```
#967222 rgb(150,114,34)
```
#228096
```
#228096 rgb(34,128,150)
```
#962246
```
#962246 rgb(150,34,70)
```

Split Complementary Color

#809622
```
#809622 rgb(128,150,34)
```
#228096
```
#228096 rgb(34,128,150)
```
#962280
```
#962280 rgb(150,34,128)
```

Triadic Color

#229638
```
#229638 rgb(34,150,56)
```
#228096
```
#228096 rgb(34,128,150)
```
#962280
```
#962280 rgb(150,34,128)
```
#963822
```
#963822 rgb(150,56,34)
```

Tetradic Color

#144b58
```
#144b58 rgb(20,75,88)
```
#195d6c
```
#195d6c rgb(25,93,108)
```
#1d6e81
```
#1d6e81 rgb(29,110,129)
```
#228096
```
#228096 rgb(34,128,150)
```
#2792ab
```
#2792ab rgb(39,146,171)
```
#2ba3c0
```
#2ba3c0 rgb(43,163,192)
```
#34b3d1
```
#34b3d1 rgb(52,179,209)
```

Monochromatic Color

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

#22968f
```
#22968f rgb(34,150,143)
```
#229396
```
#229396 rgb(34,147,150)
```
#228a96
```
#228a96 rgb(34,138,150)
```
#228096
```
#228096 rgb(34,128,150)
```
#227696
```
#227696 rgb(34,118,150)
```
#226d96
```
#226d96 rgb(34,109,150)
```
#226396
```
#226396 rgb(34,99,150)
```

Similar Colors

Text with hexadecimal color #228096

This text has a font color of #228096.

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

#228096 background color

This paragraph has a background color of #228096.

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

#228096 border color

This element has a border color of #228096.

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

CSS codes

.text {color:#228096;}

.background {background-color:#228096;}

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

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)
```
#0c2e36
```
#0c2e36 rgb(12,46,54)
```
#103c46
```
#103c46 rgb(16,60,70)
```
#144956
```
#144956 rgb(20,73,86)
```
#175766
```
#175766 rgb(23,87,102)
```
#1b6576
```
#1b6576 rgb(27,101,118)
```
#1e7286
```
#1e7286 rgb(30,114,134)
```
#228096
```
#228096 rgb(34,128,150)
```
#268ea6
```
#268ea6 rgb(38,142,166)
```
#299bb6
```
#299bb6 rgb(41,155,182)
```
#2da9c6
```
#2da9c6 rgb(45,169,198)
```

Shade Color Variation

#35b4d1
```
#35b4d1 rgb(53,180,209)
```
#45bad5
```
#45bad5 rgb(69,186,213)
```
#55c0d9
```
#55c0d9 rgb(85,192,217)
```
#65c6dc
```
#65c6dc rgb(101,198,220)
```
#75cce0
```
#75cce0 rgb(117,204,224)
```
#85d2e3
```
#85d2e3 rgb(133,210,227)
```
#95d7e7
```
#95d7e7 rgb(149,215,231)
```
#a5ddeb
```
#a5ddeb rgb(165,221,235)
```
#b5e3ee
```
#b5e3ee rgb(181,227,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 #0692b2 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)
```
#3e6e7a
```
#3e6e7a rgb(62,110,122)
```
#377381
```
#377381 rgb(55,115,129)
```
#307788
```
#307788 rgb(48,119,136)
```
#297c8f
```
#297c8f rgb(41,124,143)
```
#228096
```
#228096 rgb(34,128,150)
```
#1b849d
```
#1b849d rgb(27,132,157)
```
#1489a4
```
#1489a4 rgb(20,137,164)
```
#0d8dab
```
#0d8dab rgb(13,141,171)
```
#0692b2
```
#0692b2 rgb(6,146,178)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767b94 Protanopia 1% of men
#737aa0 Deuteranopia 1% of men
#238892 Tritanopia 0.001% of the population

Trichromacy

#587d95 Protanomaly 1% of men, 0.01% of women
#567c9c Deuteranomaly 6% of men, 0.4% of women
#228593 Tritanomaly 0.01% of the population

#228096 hex color

#228096 Color Information

#228096 Color Conversion

Color Schemes with #228096

Alternatives to #228096

#228096 Preview

Shades and Tints of #228096

Tones of #228096

Color Blindness Simulator