#229486 hex color

In a RGB color space, hex #229486 is composed of 13.3% red, 58% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 9.5% yellow and 42% black. It has a hue angle of 172.6 degrees, a saturation of 62.6% and a lightness of 35.7%. #229486 color hex could be obtained by blending #44ffff with #00290d. 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

● #229486 color description : Dark cyan.

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

Hex triplet	229486	`#229486`
RGB Decimal	34, 148, 134	`rgb(34,148,134)`
RGB Percent	13.3, 58, 52.5	`rgb(13.3%,58%,52.5%)`
CMYK	77, 0, 9, 42
HSL	172.6°, 62.6, 35.7	`hsl(172.6,62.6%,35.7%)`
HSV (or HSB)	172.6°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	55.318, -33.935, -1.465
XYZ	15.551, 23.24, 26.219
xyY	0.239, 0.357, 23.24
CIE-LCH	55.318, 33.967, 182.471
CIE-LUV	55.318, -41.25, 2.884
Hunter-Lab	48.207, -26.781, 1.499
Binary	00100010, 10010100, 10000110

#229486
```
#229486 rgb(34,148,134)
```
#942230
```
#942230 rgb(148,34,48)
```

Complementary Color

#22944d
```
#22944d rgb(34,148,77)
```
#229486
```
#229486 rgb(34,148,134)
```
#226994
```
#226994 rgb(34,105,148)
```

Analogous Color

#944d22
```
#944d22 rgb(148,77,34)
```
#229486
```
#229486 rgb(34,148,134)
```
#942269
```
#942269 rgb(148,34,105)
```

Split Complementary Color

#948622
```
#948622 rgb(148,134,34)
```
#229486
```
#229486 rgb(34,148,134)
```
#862294
```
#862294 rgb(134,34,148)
```

Triadic Color

#309422
```
#309422 rgb(48,148,34)
```
#229486
```
#229486 rgb(34,148,134)
```
#862294
```
#862294 rgb(134,34,148)
```
#942230
```
#942230 rgb(148,34,48)
```

Tetradic Color

#14564e
```
#14564e rgb(20,86,78)
```
#186b60
```
#186b60 rgb(24,107,96)
```
#1d7f73
```
#1d7f73 rgb(29,127,115)
```
#229486
```
#229486 rgb(34,148,134)
```
#27a999
```
#27a999 rgb(39,169,153)
```
#2cbdac
```
#2cbdac rgb(44,189,172)
```
#32d0bd
```
#32d0bd rgb(50,208,189)
```

Monochromatic Color

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

#22946a
```
#22946a rgb(34,148,106)
```
#229473
```
#229473 rgb(34,148,115)
```
#22947d
```
#22947d rgb(34,148,125)
```
#229486
```
#229486 rgb(34,148,134)
```
#229490
```
#229490 rgb(34,148,144)
```
#228f94
```
#228f94 rgb(34,143,148)
```
#228694
```
#228694 rgb(34,134,148)
```

Similar Colors

Text with hexadecimal color #229486

This text has a font color of #229486.

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

#229486 background color

This paragraph has a background color of #229486.

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

#229486 border color

This element has a border color of #229486.

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

CSS codes

.text {color:#229486;}

.background {background-color:#229486;}

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051412
```
#051412 rgb(5,20,18)
```
#082421
```
#082421 rgb(8,36,33)
```
#0c342f
```
#0c342f rgb(12,52,47)
```
#10443e
```
#10443e rgb(16,68,62)
```
#13544c
```
#13544c rgb(19,84,76)
```
#17645b
```
#17645b rgb(23,100,91)
```
#1b7469
```
#1b7469 rgb(27,116,105)
```
#1e8478
```
#1e8478 rgb(30,132,120)
```
#229486
```
#229486 rgb(34,148,134)
```
#26a494
```
#26a494 rgb(38,164,148)
```
#29b4a3
```
#29b4a3 rgb(41,180,163)
```
#2dc4b1
```
#2dc4b1 rgb(45,196,177)
```

Shade Color Variation

#34d0bd
```
#34d0bd rgb(52,208,189)
```
#44d4c2
```
#44d4c2 rgb(68,212,194)
```
#54d8c8
```
#54d8c8 rgb(84,216,200)
```
#64dbcd
```
#64dbcd rgb(100,219,205)
```
#74dfd2
```
#74dfd2 rgb(116,223,210)
```
#84e3d7
```
#84e3d7 rgb(132,227,215)
```
#94e6dc
```
#94e6dc rgb(148,230,220)
```
#a4eae1
```
#a4eae1 rgb(164,234,225)
```
#b4eee7
```
#b4eee7 rgb(180,238,231)
```
#c4f1ec
```
#c4f1ec rgb(196,241,236)
```
#d4f5f1
```
#d4f5f1 rgb(212,245,241)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536361
```
#536361 rgb(83,99,97)
```
#4c6a66
```
#4c6a66 rgb(76,106,102)
```
#45716c
```
#45716c rgb(69,113,108)
```
#3e7871
```
#3e7871 rgb(62,120,113)
```
#377f76
```
#377f76 rgb(55,127,118)
```
#30867b
```
#30867b rgb(48,134,123)
```
#298d81
```
#298d81 rgb(41,141,129)
```
#229486
```
#229486 rgb(34,148,134)
```
#1b9b8b
```
#1b9b8b rgb(27,155,139)
```
#14a291
```
#14a291 rgb(20,162,145)
```
#0da996
```
#0da996 rgb(13,169,150)
```
#06b09b
```
#06b09b rgb(6,176,155)
```

Tone Color Variation

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

#8e8a84 Protanopia 1% of men
#938792 Deuteranopia 1% of men
#3d96a1 Tritanopia 0.001% of the population

Trichromacy

#678d84 Protanomaly 1% of men, 0.01% of women
#6a8b8e Deuteranomaly 6% of men, 0.4% of women
#339597 Tritanomaly 0.01% of the population

#229486 hex color

#229486 Color Information

#229486 Color Conversion

Color Schemes with #229486

Alternatives to #229486

#229486 Preview

Shades and Tints of #229486

Tones of #229486

Color Blindness Simulator