#229286 hex color

In a RGB color space, hex #229286 is composed of 13.3% red, 57.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 8.2% yellow and 42.7% black. It has a hue angle of 173.6 degrees, a saturation of 62.2% and a lightness of 35.3%. #229286 color hex could be obtained by blending #44ffff with #00250d. Closest websafe color is: #339999.

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

● #229286 color description : Dark cyan.

The hexadecimal color #229286 has RGB values of R:34, G:146, B:134 and CMYK values of C:0.77, M:0, Y:0.08, K:0.43. Its decimal value is 2265734.

Hex triplet	229286	`#229286`
RGB Decimal	34, 146, 134	`rgb(34,146,134)`
RGB Percent	13.3, 57.3, 52.5	`rgb(13.3%,57.3%,52.5%)`
CMYK	77, 0, 8, 43
HSL	173.6°, 62.2, 35.3	`hsl(173.6,62.2%,35.3%)`
HSV (or HSB)	173.6°, 76.7, 57.3
Web Safe	339999	`#339999`

CIE-LAB	54.676, -33.003, -2.407
XYZ	15.24, 22.618, 26.115
xyY	0.238, 0.354, 22.618
CIE-LCH	54.676, 33.091, 184.172
CIE-LUV	54.676, -40.518, 1.378
Hunter-Lab	47.558, -26.025, 0.733
Binary	00100010, 10010010, 10000110

#229286
```
#229286 rgb(34,146,134)
```
#92222e
```
#92222e rgb(146,34,46)
```

Complementary Color

#22924e
```
#22924e rgb(34,146,78)
```
#229286
```
#229286 rgb(34,146,134)
```
#226692
```
#226692 rgb(34,102,146)
```

Analogous Color

#924e22
```
#924e22 rgb(146,78,34)
```
#229286
```
#229286 rgb(34,146,134)
```
#922266
```
#922266 rgb(146,34,102)
```

Split Complementary Color

#928622
```
#928622 rgb(146,134,34)
```
#229286
```
#229286 rgb(34,146,134)
```
#862292
```
#862292 rgb(134,34,146)
```

Triadic Color

#2e9222
```
#2e9222 rgb(46,146,34)
```
#229286
```
#229286 rgb(34,146,134)
```
#862292
```
#862292 rgb(134,34,146)
```
#92222e
```
#92222e rgb(146,34,46)
```

Tetradic Color

#14544d
```
#14544d rgb(20,84,77)
```
#186960
```
#186960 rgb(24,105,96)
```
#1d7d73
```
#1d7d73 rgb(29,125,115)
```
#229286
```
#229286 rgb(34,146,134)
```
#27a799
```
#27a799 rgb(39,167,153)
```
#2cbbac
```
#2cbbac rgb(44,187,172)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```

Monochromatic Color

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

#22926a
```
#22926a rgb(34,146,106)
```
#229273
```
#229273 rgb(34,146,115)
```
#22927d
```
#22927d rgb(34,146,125)
```
#229286
```
#229286 rgb(34,146,134)
```
#22928f
```
#22928f rgb(34,146,143)
```
#228b92
```
#228b92 rgb(34,139,146)
```
#228292
```
#228292 rgb(34,130,146)
```

Similar Colors

Text with hexadecimal color #229286

This text has a font color of #229286.

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

#229286 background color

This paragraph has a background color of #229286.

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

#229286 border color

This element has a border color of #229286.

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

CSS codes

.text {color:#229286;}

.background {background-color:#229286;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041311
```
#041311 rgb(4,19,17)
```
#082320
```
#082320 rgb(8,35,32)
```
#0c332e
```
#0c332e rgb(12,51,46)
```
#0f423d
```
#0f423d rgb(15,66,61)
```
#13524c
```
#13524c rgb(19,82,76)
```
#17625a
```
#17625a rgb(23,98,90)
```
#1b7269
```
#1b7269 rgb(27,114,105)
```
#1e8277
```
#1e8277 rgb(30,130,119)
```
#229286
```
#229286 rgb(34,146,134)
```
#26a295
```
#26a295 rgb(38,162,149)
```
#29b2a3
```
#29b2a3 rgb(41,178,163)
```
#2dc2b2
```
#2dc2b2 rgb(45,194,178)
```

Shade Color Variation

#33cfbf
```
#33cfbf rgb(51,207,191)
```
#43d3c4
```
#43d3c4 rgb(67,211,196)
```
#53d7c9
```
#53d7c9 rgb(83,215,201)
```
#63dbce
```
#63dbce rgb(99,219,206)
```
#73ded3
```
#73ded3 rgb(115,222,211)
```
#83e2d8
```
#83e2d8 rgb(131,226,216)
```
#92e6dd
```
#92e6dd rgb(146,230,221)
```
#a2e9e2
```
#a2e9e2 rgb(162,233,226)
```
#b2ede7
```
#b2ede7 rgb(178,237,231)
```
#c2f1ec
```
#c2f1ec rgb(194,241,236)
```
#d2f5f1
```
#d2f5f1 rgb(210,245,241)
```
#e2f8f6
```
#e2f8f6 rgb(226,248,246)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

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

#595b5a
```
#595b5a rgb(89,91,90)
```
#526260
```
#526260 rgb(82,98,96)
```
#4c6865
```
#4c6865 rgb(76,104,101)
```
#456f6b
```
#456f6b rgb(69,111,107)
```
#3e7670
```
#3e7670 rgb(62,118,112)
```
#377d76
```
#377d76 rgb(55,125,118)
```
#30847b
```
#30847b rgb(48,132,123)
```
#298b81
```
#298b81 rgb(41,139,129)
```
#229286
```
#229286 rgb(34,146,134)
```
#1b998b
```
#1b998b rgb(27,153,139)
```
#14a091
```
#14a091 rgb(20,160,145)
```
#0da796
```
#0da796 rgb(13,167,150)
```
#06ae9c
```
#06ae9c rgb(6,174,156)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#607674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8884 Protanopia 1% of men
#918592 Deuteranopia 1% of men
#3c949f Tritanopia 0.001% of the population

Trichromacy

#658c84 Protanomaly 1% of men, 0.01% of women
#688a8e Deuteranomaly 6% of men, 0.4% of women
#329396 Tritanomaly 0.01% of the population

#229286 hex color

#229286 Color Information

#229286 Color Conversion

Color Schemes with #229286

Alternatives to #229286

#229286 Preview

Shades and Tints of #229286

Tones of #229286

Color Blindness Simulator