#229386 hex color

In a RGB color space, hex #229386 is composed of 13.3% red, 57.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 8.8% yellow and 42.4% black. It has a hue angle of 173.1 degrees, a saturation of 62.4% and a lightness of 35.5%. #229386 color hex could be obtained by blending #44ffff with #00270d. Closest websafe color is: #339999.

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

● #229386 color description : Dark cyan.

The hexadecimal color #229386 has RGB values of R:34, G:147, B:134 and CMYK values of C:0.77, M:0, Y:0.09, K:0.42. Its decimal value is 2265990.

Hex triplet	229386	`#229386`
RGB Decimal	34, 147, 134	`rgb(34,147,134)`
RGB Percent	13.3, 57.6, 52.5	`rgb(13.3%,57.6%,52.5%)`
CMYK	77, 0, 9, 42
HSL	173.1°, 62.4, 35.5	`hsl(173.1,62.4%,35.5%)`
HSV (or HSB)	173.1°, 76.9, 57.6
Web Safe	339999	`#339999`

CIE-LAB	54.997, -33.47, -1.936
XYZ	15.395, 22.927, 26.167
xyY	0.239, 0.356, 22.927
CIE-LCH	54.997, 33.526, 183.31
CIE-LUV	54.997, -40.884, 2.132
Hunter-Lab	47.882, -26.403, 1.117
Binary	00100010, 10010011, 10000110

#229386
```
#229386 rgb(34,147,134)
```
#93222f
```
#93222f rgb(147,34,47)
```

Complementary Color

#22934e
```
#22934e rgb(34,147,78)
```
#229386
```
#229386 rgb(34,147,134)
```
#226893
```
#226893 rgb(34,104,147)
```

Analogous Color

#934e22
```
#934e22 rgb(147,78,34)
```
#229386
```
#229386 rgb(34,147,134)
```
#932268
```
#932268 rgb(147,34,104)
```

Split Complementary Color

#938622
```
#938622 rgb(147,134,34)
```
#229386
```
#229386 rgb(34,147,134)
```
#862293
```
#862293 rgb(134,34,147)
```

Triadic Color

#2f9322
```
#2f9322 rgb(47,147,34)
```
#229386
```
#229386 rgb(34,147,134)
```
#862293
```
#862293 rgb(134,34,147)
```
#93222f
```
#93222f rgb(147,34,47)
```

Tetradic Color

#14554d
```
#14554d rgb(20,85,77)
```
#186a60
```
#186a60 rgb(24,106,96)
```
#1d7e73
```
#1d7e73 rgb(29,126,115)
```
#229386
```
#229386 rgb(34,147,134)
```
#27a899
```
#27a899 rgb(39,168,153)
```
#2cbcac
```
#2cbcac rgb(44,188,172)
```
#32d0bd
```
#32d0bd rgb(50,208,189)
```

Monochromatic Color

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

#22936a
```
#22936a rgb(34,147,106)
```
#229373
```
#229373 rgb(34,147,115)
```
#22937d
```
#22937d rgb(34,147,125)
```
#229386
```
#229386 rgb(34,147,134)
```
#22938f
```
#22938f rgb(34,147,143)
```
#228d93
```
#228d93 rgb(34,141,147)
```
#228493
```
#228493 rgb(34,132,147)
```

Similar Colors

Text with hexadecimal color #229386

This text has a font color of #229386.

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

#229386 background color

This paragraph has a background color of #229386.

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

#229386 border color

This element has a border color of #229386.

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

CSS codes

.text {color:#229386;}

.background {background-color:#229386;}

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051412
```
#051412 rgb(5,20,18)
```
#082320
```
#082320 rgb(8,35,32)
```
#0c332f
```
#0c332f rgb(12,51,47)
```
#10433d
```
#10433d rgb(16,67,61)
```
#13534c
```
#13534c rgb(19,83,76)
```
#17635a
```
#17635a rgb(23,99,90)
```
#1b7369
```
#1b7369 rgb(27,115,105)
```
#1e8377
```
#1e8377 rgb(30,131,119)
```
#229386
```
#229386 rgb(34,147,134)
```
#26a395
```
#26a395 rgb(38,163,149)
```
#29b3a3
```
#29b3a3 rgb(41,179,163)
```
#2dc3b2
```
#2dc3b2 rgb(45,195,178)
```

Shade Color Variation

#34d0be
```
#34d0be rgb(52,208,190)
```
#43d4c3
```
#43d4c3 rgb(67,212,195)
```
#53d7c8
```
#53d7c8 rgb(83,215,200)
```
#63dbcd
```
#63dbcd rgb(99,219,205)
```
#73dfd2
```
#73dfd2 rgb(115,223,210)
```
#83e2d7
```
#83e2d7 rgb(131,226,215)
```
#93e6dd
```
#93e6dd rgb(147,230,221)
```
#a3eae2
```
#a3eae2 rgb(163,234,226)
```
#b3ede7
```
#b3ede7 rgb(179,237,231)
```
#c3f1ec
```
#c3f1ec rgb(195,241,236)
```
#d3f5f1
```
#d3f5f1 rgb(211,245,241)
```
#e3f8f6
```
#e3f8f6 rgb(227,248,246)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536260
```
#536260 rgb(83,98,96)
```
#4c6966
```
#4c6966 rgb(76,105,102)
```
#45706b
```
#45706b rgb(69,112,107)
```
#3e7771
```
#3e7771 rgb(62,119,113)
```
#377e76
```
#377e76 rgb(55,126,118)
```
#30857b
```
#30857b rgb(48,133,123)
```
#298c81
```
#298c81 rgb(41,140,129)
```
#229386
```
#229386 rgb(34,147,134)
```
#1b9a8b
```
#1b9a8b rgb(27,154,139)
```
#14a191
```
#14a191 rgb(20,161,145)
```
#0da896
```
#0da896 rgb(13,168,150)
```
#06af9b
```
#06af9b rgb(6,175,155)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#607774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8984 Protanopia 1% of men
#928692 Deuteranopia 1% of men
#3c95a0 Tritanopia 0.001% of the population

Trichromacy

#668c84 Protanomaly 1% of men, 0.01% of women
#698a8e Deuteranomaly 6% of men, 0.4% of women
#339496 Tritanomaly 0.01% of the population

#229386 hex color

#229386 Color Information

#229386 Color Conversion

Color Schemes with #229386

Alternatives to #229386

#229386 Preview

Shades and Tints of #229386

Tones of #229386

Color Blindness Simulator