#228291 hex color

In a RGB color space, hex #228291 is composed of 13.3% red, 51% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 10.3% magenta, 0% yellow and 43.1% black. It has a hue angle of 188.1 degrees, a saturation of 62% and a lightness of 35.1%. #228291 color hex could be obtained by blending #44ffff with #000523. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 51
- B 57
RGB color chart
- C 77
- M 10
- Y 0
- K 43
CMYK color chart

● #228291 color description : Dark cyan.

The hexadecimal color #228291 has RGB values of R:34, G:130, B:145 and CMYK values of C:0.77, M:0.1, Y:0, K:0.43. Its decimal value is 2261649.

Hex triplet	228291	`#228291`
RGB Decimal	34, 130, 145	`rgb(34,130,145)`
RGB Percent	13.3, 51, 56.9	`rgb(13.3%,51%,56.9%)`
CMYK	77, 10, 0, 43
HSL	188.1°, 62, 35.1	`hsl(188.1,62%,35.1%)`
HSV (or HSB)	188.1°, 76.6, 56.9
Web Safe	339999	`#339999`

CIE-LAB	49.916, -21.633, -15.917
XYZ	13.752, 18.348, 29.603
xyY	0.223, 0.297, 18.348
CIE-LCH	49.916, 26.858, 216.346
CIE-LUV	49.916, -33.897, -20.262
Hunter-Lab	42.835, -17.656, -10.991
Binary	00100010, 10000010, 10010001

#228291
```
#228291 rgb(34,130,145)
```
#913122
```
#913122 rgb(145,49,34)
```

Complementary Color

#229169
```
#229169 rgb(34,145,105)
```
#228291
```
#228291 rgb(34,130,145)
```
#224b91
```
#224b91 rgb(34,75,145)
```

Analogous Color

#916922
```
#916922 rgb(145,105,34)
```
#228291
```
#228291 rgb(34,130,145)
```
#91224b
```
#91224b rgb(145,34,75)
```

Split Complementary Color

#829122
```
#829122 rgb(130,145,34)
```
#228291
```
#228291 rgb(34,130,145)
```
#912282
```
#912282 rgb(145,34,130)
```

Triadic Color

#229131
```
#229131 rgb(34,145,49)
```
#228291
```
#228291 rgb(34,130,145)
```
#912282
```
#912282 rgb(145,34,130)
```
#913122
```
#913122 rgb(145,49,34)
```

Tetradic Color

#134a53
```
#134a53 rgb(19,74,83)
```
#185d68
```
#185d68 rgb(24,93,104)
```
#1d6f7c
```
#1d6f7c rgb(29,111,124)
```
#228291
```
#228291 rgb(34,130,145)
```
#2795a6
```
#2795a6 rgb(39,149,166)
```
#2ca7ba
```
#2ca7ba rgb(44,167,186)
```
#31b9cf
```
#31b9cf rgb(49,185,207)
```

Monochromatic Color

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

#229184
```
#229184 rgb(34,145,132)
```
#22918e
```
#22918e rgb(34,145,142)
```
#228b91
```
#228b91 rgb(34,139,145)
```
#228291
```
#228291 rgb(34,130,145)
```
#227991
```
#227991 rgb(34,121,145)
```
#227091
```
#227091 rgb(34,112,145)
```
#226691
```
#226691 rgb(34,102,145)
```

Similar Colors

Text with hexadecimal color #228291

This text has a font color of #228291.

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

#228291 background color

This paragraph has a background color of #228291.

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

#228291 border color

This element has a border color of #228291.

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

CSS codes

.text {color:#228291;}

.background {background-color:#228291;}

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#081e22
```
#081e22 rgb(8,30,34)
```
#0c2d32
```
#0c2d32 rgb(12,45,50)
```
#0f3b42
```
#0f3b42 rgb(15,59,66)
```
#134951
```
#134951 rgb(19,73,81)
```
#175761
```
#175761 rgb(23,87,97)
```
#1b6671
```
#1b6671 rgb(27,102,113)
```
#1e7481
```
#1e7481 rgb(30,116,129)
```
#228291
```
#228291 rgb(34,130,145)
```
#2690a1
```
#2690a1 rgb(38,144,161)
```
#299eb1
```
#299eb1 rgb(41,158,177)
```
#2dadc1
```
#2dadc1 rgb(45,173,193)
```

Shade Color Variation

#32bacf
```
#32bacf rgb(50,186,207)
```
#42bfd3
```
#42bfd3 rgb(66,191,211)
```
#52c5d6
```
#52c5d6 rgb(82,197,214)
```
#62cada
```
#62cada rgb(98,202,218)
```
#72cfde
```
#72cfde rgb(114,207,222)
```
#82d5e2
```
#82d5e2 rgb(130,213,226)
```
#92dae5
```
#92dae5 rgb(146,218,229)
```
#a2dfe9
```
#a2dfe9 rgb(162,223,233)
```
#b2e5ed
```
#b2e5ed rgb(178,229,237)
```
#c1eaf1
```
#c1eaf1 rgb(193,234,241)
```
#d1f0f4
```
#d1f0f4 rgb(209,240,244)
```
#e1f5f8
```
#e1f5f8 rgb(225,245,248)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5a is the less saturated color, while #0696ad is the most saturated one.

#595a5a
```
#595a5a rgb(89,90,90)
```
#525f61
```
#525f61 rgb(82,95,97)
```
#4b6468
```
#4b6468 rgb(75,100,104)
```
#44696f
```
#44696f rgb(68,105,111)
```
#3e6e75
```
#3e6e75 rgb(62,110,117)
```
#37737c
```
#37737c rgb(55,115,124)
```
#307883
```
#307883 rgb(48,120,131)
```
#297d8a
```
#297d8a rgb(41,125,138)
```
#228291
```
#228291 rgb(34,130,145)
```
#1b8798
```
#1b8798 rgb(27,135,152)
```
#148c9f
```
#148c9f rgb(20,140,159)
```
#0d91a6
```
#0d91a6 rgb(13,145,166)
```
#0696ad
```
#0696ad rgb(6,150,173)
```

Tone Color Variation

Below, you can see how #228291 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
#596c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7c8f Protanopia 1% of men
#797b9b Deuteranopia 1% of men
#2a8993 Tritanopia 0.001% of the population

Trichromacy

#5a7e90 Protanomaly 1% of men, 0.01% of women
#597d97 Deuteranomaly 6% of men, 0.4% of women
#278692 Tritanomaly 0.01% of the population

#228291 hex color

#228291 Color Information

#228291 Color Conversion

Color Schemes with #228291

Alternatives to #228291

#228291 Preview

Shades and Tints of #228291

Tones of #228291

Color Blindness Simulator