#5ac2af hex color

In a RGB color space, hex #5ac2af is composed of 35.3% red, 76.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 0% magenta, 9.8% yellow and 23.9% black. It has a hue angle of 169 degrees, a saturation of 46% and a lightness of 55.7%. #5ac2af color hex could be obtained by blending #b4ffff with #00855f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 76
- B 69
RGB color chart
- C 54
- M 0
- Y 10
- K 24
CMYK color chart

● #5ac2af color description : Moderate cyan.

The hexadecimal color #5ac2af has RGB values of R:90, G:194, B:175 and CMYK values of C:0.54, M:0, Y:0.1, K:0.24. Its decimal value is 5948079.

Hex triplet	5ac2af	`#5ac2af`
RGB Decimal	90, 194, 175	`rgb(90,194,175)`
RGB Percent	35.3, 76.1, 68.6	`rgb(35.3%,76.1%,68.6%)`
CMYK	54, 0, 10, 24
HSL	169°, 46, 55.7	`hsl(169,46%,55.7%)`
HSV (or HSB)	169°, 53.6, 76.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	72.128, -34.79, 0.396
XYZ	31.244, 43.85, 47.373
xyY	0.255, 0.358, 43.85
CIE-LCH	72.128, 34.792, 179.347
CIE-LUV	72.128, -44.51, 6.104
Hunter-Lab	66.219, -31.664, 3.938
Binary	01011010, 11000010, 10101111

#5ac2af
```
#5ac2af rgb(90,194,175)
```
#c25a6d
```
#c25a6d rgb(194,90,109)
```

Complementary Color

#5ac27b
```
#5ac27b rgb(90,194,123)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#5aa1c2
```
#5aa1c2 rgb(90,161,194)
```

Analogous Color

#c27b5a
```
#c27b5a rgb(194,123,90)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#c25aa1
```
#c25aa1 rgb(194,90,161)
```

Split Complementary Color

#c2af5a
```
#c2af5a rgb(194,175,90)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#af5ac2
```
#af5ac2 rgb(175,90,194)
```

Triadic Color

#6dc25a
```
#6dc25a rgb(109,194,90)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#af5ac2
```
#af5ac2 rgb(175,90,194)
```
#c25a6d
```
#c25a6d rgb(194,90,109)
```

Tetradic Color

#389786
```
#389786 rgb(56,151,134)
```
#3faa97
```
#3faa97 rgb(63,170,151)
```
#47bba6
```
#47bba6 rgb(71,187,166)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#6dc9b8
```
#6dc9b8 rgb(109,201,184)
```
#7fd0c1
```
#7fd0c1 rgb(127,208,193)
```
#92d7ca
```
#92d7ca rgb(146,215,202)
```

Monochromatic Color

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

#5ac295
```
#5ac295 rgb(90,194,149)
```
#5ac29e
```
#5ac29e rgb(90,194,158)
```
#5ac2a6
```
#5ac2a6 rgb(90,194,166)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#5ac2b8
```
#5ac2b8 rgb(90,194,184)
```
#5ac2c0
```
#5ac2c0 rgb(90,194,192)
```
#5abbc2
```
#5abbc2 rgb(90,187,194)
```

Similar Colors

Text with hexadecimal color #5ac2af

This text has a font color of #5ac2af.

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

#5ac2af background color

This paragraph has a background color of #5ac2af.

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

#5ac2af border color

This element has a border color of #5ac2af.

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

CSS codes

.text {color:#5ac2af;}

.background {background-color:#5ac2af;}

.border {border:1px solid #5ac2af;}

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

#030706
```
#030706 rgb(3,7,6)
```
#081513
```
#081513 rgb(8,21,19)
```
#0d231f
```
#0d231f rgb(13,35,31)
```
#12322c
```
#12322c rgb(18,50,44)
```
#184039
```
#184039 rgb(24,64,57)
```
#1d4e45
```
#1d4e45 rgb(29,78,69)
```
#225d52
```
#225d52 rgb(34,93,82)
```
#286b5f
```
#286b5f rgb(40,107,95)
```
#2d796b
```
#2d796b rgb(45,121,107)
```
#328878
```
#328878 rgb(50,136,120)
```
#379685
```
#379685 rgb(55,150,133)
```
#3da491
```
#3da491 rgb(61,164,145)
```
#42b39e
```
#42b39e rgb(66,179,158)
```

Shade Color Variation

#4cbda8
```
#4cbda8 rgb(76,189,168)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#68c7b6
```
#68c7b6 rgb(104,199,182)
```
#77cdbd
```
#77cdbd rgb(119,205,189)
```
#85d2c4
```
#85d2c4 rgb(133,210,196)
```
#93d7cb
```
#93d7cb rgb(147,215,203)
```
#a2dcd2
```
#a2dcd2 rgb(162,220,210)
```
#b0e2d9
```
#b0e2d9 rgb(176,226,217)
```
#bee7e0
```
#bee7e0 rgb(190,231,224)
```
#cdece7
```
#cdece7 rgb(205,236,231)
```
#dbf2ed
```
#dbf2ed rgb(219,242,237)
```
#e9f7f4
```
#e9f7f4 rgb(233,247,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #859793 is the less saturated color, while #1dffd6 is the most saturated one.

#859793
```
#859793 rgb(133,151,147)
```
#7d9f99
```
#7d9f99 rgb(125,159,153)
```
#74a89e
```
#74a89e rgb(116,168,158)
```
#6bb1a4
```
#6bb1a4 rgb(107,177,164)
```
#63b9a9
```
#63b9a9 rgb(99,185,169)
```
#5ac2af
```
#5ac2af rgb(90,194,175)
```
#51cbb5
```
#51cbb5 rgb(81,203,181)
```
#49d3ba
```
#49d3ba rgb(73,211,186)
```
#40dcc0
```
#40dcc0 rgb(64,220,192)
```
#37e5c5
```
#37e5c5 rgb(55,229,197)
```
#2fedcb
```
#2fedcb rgb(47,237,203)
```
#26f6d0
```
#26f6d0 rgb(38,246,208)
```
#1dffd6
```
#1dffd6 rgb(29,255,214)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#93a8a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab4aa Protanopia 1% of men
#c2afba Deuteranopia 1% of men
#6ec0cf Tritanopia 0.001% of the population

Trichromacy

#97b9ac Protanomaly 1% of men, 0.01% of women
#9cb6b6 Deuteranomaly 6% of men, 0.4% of women
#66c1c3 Tritanomaly 0.01% of the population

#5ac2af hex color

#5ac2af Color Information

#5ac2af Color Conversion

Color Schemes with #5ac2af

Alternatives to #5ac2af

#5ac2af Preview

Shades and Tints of #5ac2af

Tones of #5ac2af

Color Blindness Simulator