#229586 hex color

In a RGB color space, hex #229586 is composed of 13.3% red, 58.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 10.1% yellow and 41.6% black. It has a hue angle of 172.2 degrees, a saturation of 62.8% and a lightness of 35.9%. #229586 color hex could be obtained by blending #44ffff with #002b0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 58
- B 53
RGB color chart
- C 77
- M 0
- Y 10
- K 42
CMYK color chart

● #229586 color description : Dark cyan.

The hexadecimal color #229586 has RGB values of R:34, G:149, B:134 and CMYK values of C:0.77, M:0, Y:0.1, K:0.42. Its decimal value is 2266502.

Hex triplet	229586	`#229586`
RGB Decimal	34, 149, 134	`rgb(34,149,134)`
RGB Percent	13.3, 58.4, 52.5	`rgb(13.3%,58.4%,52.5%)`
CMYK	77, 0, 10, 42
HSL	172.2°, 62.8, 35.9	`hsl(172.2,62.8%,35.9%)`
HSV (or HSB)	172.2°, 77.2, 58.4
Web Safe	339999	`#339999`

CIE-LAB	55.639, -34.398, -0.994
XYZ	15.709, 23.555, 26.272
xyY	0.24, 0.359, 23.555
CIE-LCH	55.639, 34.412, 181.656
CIE-LUV	55.639, -41.615, 3.635
Hunter-Lab	48.533, -27.158, 1.879
Binary	00100010, 10010101, 10000110

#229586
```
#229586 rgb(34,149,134)
```
#952231
```
#952231 rgb(149,34,49)
```

Complementary Color

#22954d
```
#22954d rgb(34,149,77)
```
#229586
```
#229586 rgb(34,149,134)
```
#226b95
```
#226b95 rgb(34,107,149)
```

Analogous Color

#954d22
```
#954d22 rgb(149,77,34)
```
#229586
```
#229586 rgb(34,149,134)
```
#95226b
```
#95226b rgb(149,34,107)
```

Split Complementary Color

#958622
```
#958622 rgb(149,134,34)
```
#229586
```
#229586 rgb(34,149,134)
```
#862295
```
#862295 rgb(134,34,149)
```

Triadic Color

#319522
```
#319522 rgb(49,149,34)
```
#229586
```
#229586 rgb(34,149,134)
```
#862295
```
#862295 rgb(134,34,149)
```
#952231
```
#952231 rgb(149,34,49)
```

Tetradic Color

#14574e
```
#14574e rgb(20,87,78)
```
#196b61
```
#196b61 rgb(25,107,97)
```
#1d8073
```
#1d8073 rgb(29,128,115)
```
#229586
```
#229586 rgb(34,149,134)
```
#27aa99
```
#27aa99 rgb(39,170,153)
```
#2bbfab
```
#2bbfab rgb(43,191,171)
```
#33d0bc
```
#33d0bc rgb(51,208,188)
```

Monochromatic Color

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

#229569
```
#229569 rgb(34,149,105)
```
#229573
```
#229573 rgb(34,149,115)
```
#22957c
```
#22957c rgb(34,149,124)
```
#229586
```
#229586 rgb(34,149,134)
```
#229590
```
#229590 rgb(34,149,144)
```
#229195
```
#229195 rgb(34,145,149)
```
#228795
```
#228795 rgb(34,135,149)
```

Similar Colors

Text with hexadecimal color #229586

This text has a font color of #229586.

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

#229586 background color

This paragraph has a background color of #229586.

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

#229586 border color

This element has a border color of #229586.

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

CSS codes

.text {color:#229586;}

.background {background-color:#229586;}

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051513
```
#051513 rgb(5,21,19)
```
#082521
```
#082521 rgb(8,37,33)
```
#0c3530
```
#0c3530 rgb(12,53,48)
```
#10453e
```
#10453e rgb(16,69,62)
```
#13554d
```
#13554d rgb(19,85,77)
```
#17655b
```
#17655b rgb(23,101,91)
```
#1b7569
```
#1b7569 rgb(27,117,105)
```
#1e8578
```
#1e8578 rgb(30,133,120)
```
#229586
```
#229586 rgb(34,149,134)
```
#26a594
```
#26a594 rgb(38,165,148)
```
#29b5a3
```
#29b5a3 rgb(41,181,163)
```
#2dc5b1
```
#2dc5b1 rgb(45,197,177)
```

Shade Color Variation

#35d1bc
```
#35d1bc rgb(53,209,188)
```
#45d4c2
```
#45d4c2 rgb(69,212,194)
```
#55d8c7
```
#55d8c7 rgb(85,216,199)
```
#65dccc
```
#65dccc rgb(101,220,204)
```
#75dfd1
```
#75dfd1 rgb(117,223,209)
```
#84e3d7
```
#84e3d7 rgb(132,227,215)
```
#94e7dc
```
#94e7dc rgb(148,231,220)
```
#a4eae1
```
#a4eae1 rgb(164,234,225)
```
#b4eee6
```
#b4eee6 rgb(180,238,230)
```
#c4f2ec
```
#c4f2ec rgb(196,242,236)
```
#d4f5f1
```
#d4f5f1 rgb(212,245,241)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

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

#5a5d5c
```
#5a5d5c rgb(90,93,92)
```
#536462
```
#536462 rgb(83,100,98)
```
#4c6b67
```
#4c6b67 rgb(76,107,103)
```
#45726c
```
#45726c rgb(69,114,108)
```
#3e7971
```
#3e7971 rgb(62,121,113)
```
#378076
```
#378076 rgb(55,128,118)
```
#30877c
```
#30877c rgb(48,135,124)
```
#298e81
```
#298e81 rgb(41,142,129)
```
#229586
```
#229586 rgb(34,149,134)
```
#1b9c8b
```
#1b9c8b rgb(27,156,139)
```
#14a390
```
#14a390 rgb(20,163,144)
```
#0daa96
```
#0daa96 rgb(13,170,150)
```
#06b19b
```
#06b19b rgb(6,177,155)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8b84 Protanopia 1% of men
#958793 Deuteranopia 1% of men
#3d97a2 Tritanopia 0.001% of the population

Trichromacy

#678e84 Protanomaly 1% of men, 0.01% of women
#6b8c8e Deuteranomaly 6% of men, 0.4% of women
#339697 Tritanomaly 0.01% of the population

#229586 hex color

#229586 Color Information

#229586 Color Conversion

Color Schemes with #229586

Alternatives to #229586

#229586 Preview

Shades and Tints of #229586

Tones of #229586

Color Blindness Simulator