#5ac3bf hex color

In a RGB color space, hex #5ac3bf is composed of 35.3% red, 76.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 2.1% yellow and 23.5% black. It has a hue angle of 177.7 degrees, a saturation of 46.7% and a lightness of 55.9%. #5ac3bf color hex could be obtained by blending #b4ffff with #00877f. Closest websafe color is: #66cccc.

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

● #5ac3bf color description : Moderate cyan.

The hexadecimal color #5ac3bf has RGB values of R:90, G:195, B:191 and CMYK values of C:0.54, M:0, Y:0.02, K:0.24. Its decimal value is 5948351.

Hex triplet	5ac3bf	`#5ac3bf`
RGB Decimal	90, 195, 191	`rgb(90,195,191)`
RGB Percent	35.3, 76.5, 74.9	`rgb(35.3%,76.5%,74.9%)`
CMYK	54, 0, 2, 24
HSL	177.7°, 46.7, 55.9	`hsl(177.7,46.7%,55.9%)`
HSV (or HSB)	177.7°, 53.8, 76.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.868, -31.157, -7.23
XYZ	33.133, 44.963, 56.22
xyY	0.247, 0.335, 44.963
CIE-LCH	72.868, 31.985, 193.065
CIE-LUV	72.868, -44.133, -6.17
Hunter-Lab	67.054, -29.145, -2.772
Binary	01011010, 11000011, 10111111

#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#c35a5e
```
#c35a5e rgb(195,90,94)
```

Complementary Color

#5ac38b
```
#5ac38b rgb(90,195,139)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#5a93c3
```
#5a93c3 rgb(90,147,195)
```

Analogous Color

#c38b5a
```
#c38b5a rgb(195,139,90)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#c35a93
```
#c35a93 rgb(195,90,147)
```

Split Complementary Color

#c3bf5a
```
#c3bf5a rgb(195,191,90)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#bf5ac3
```
#bf5ac3 rgb(191,90,195)
```

Triadic Color

#5ec35a
```
#5ec35a rgb(94,195,90)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#bf5ac3
```
#bf5ac3 rgb(191,90,195)
```
#c35a5e
```
#c35a5e rgb(195,90,94)
```

Tetradic Color

#389995
```
#389995 rgb(56,153,149)
```
#3eaca7
```
#3eaca7 rgb(62,172,167)
```
#47bcb8
```
#47bcb8 rgb(71,188,184)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#6dcac6
```
#6dcac6 rgb(109,202,198)
```
#7fd1ce
```
#7fd1ce rgb(127,209,206)
```
#92d7d5
```
#92d7d5 rgb(146,215,213)
```

Monochromatic Color

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

#5ac3a5
```
#5ac3a5 rgb(90,195,165)
```
#5ac3ae
```
#5ac3ae rgb(90,195,174)
```
#5ac3b6
```
#5ac3b6 rgb(90,195,182)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#5abec3
```
#5abec3 rgb(90,190,195)
```
#5ab6c3
```
#5ab6c3 rgb(90,182,195)
```
#5aadc3
```
#5aadc3 rgb(90,173,195)
```

Similar Colors

Text with hexadecimal color #5ac3bf

This text has a font color of #5ac3bf.

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

#5ac3bf background color

This paragraph has a background color of #5ac3bf.

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

#5ac3bf border color

This element has a border color of #5ac3bf.

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

CSS codes

.text {color:#5ac3bf;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#081615
```
#081615 rgb(8,22,21)
```
#0d2424
```
#0d2424 rgb(13,36,36)
```
#123332
```
#123332 rgb(18,51,50)
```
#184140
```
#184140 rgb(24,65,64)
```
#1d504e
```
#1d504e rgb(29,80,78)
```
#225e5c
```
#225e5c rgb(34,94,92)
```
#276c6a
```
#276c6a rgb(39,108,106)
```
#2d7b78
```
#2d7b78 rgb(45,123,120)
```
#328986
```
#328986 rgb(50,137,134)
```
#379794
```
#379794 rgb(55,151,148)
```
#3ca6a2
```
#3ca6a2 rgb(60,166,162)
```
#42b4b0
```
#42b4b0 rgb(66,180,176)
```

Shade Color Variation

#4cbeb9
```
#4cbeb9 rgb(76,190,185)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#68c8c5
```
#68c8c5 rgb(104,200,197)
```
#77cdca
```
#77cdca rgb(119,205,202)
```
#85d3d0
```
#85d3d0 rgb(133,211,208)
```
#94d8d5
```
#94d8d5 rgb(148,216,213)
```
#a2dddb
```
#a2dddb rgb(162,221,219)
```
#b0e2e0
```
#b0e2e0 rgb(176,226,224)
```
#bfe8e6
```
#bfe8e6 rgb(191,232,230)
```
#cdedec
```
#cdedec rgb(205,237,236)
```
#dbf2f1
```
#dbf2f1 rgb(219,242,241)
```
#eaf7f7
```
#eaf7f7 rgb(234,247,247)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f8f is the less saturated color, while #26f7ef is the most saturated one.

#8e8f8f
```
#8e8f8f rgb(142,143,143)
```
#859897
```
#859897 rgb(133,152,151)
```
#7da09f
```
#7da09f rgb(125,160,159)
```
#74a9a7
```
#74a9a7 rgb(116,169,167)
```
#6bb2af
```
#6bb2af rgb(107,178,175)
```
#63bab7
```
#63bab7 rgb(99,186,183)
```
#5ac3bf
```
#5ac3bf rgb(90,195,191)
```
#51ccc7
```
#51ccc7 rgb(81,204,199)
```
#49d4cf
```
#49d4cf rgb(73,212,207)
```
#40ddd7
```
#40ddd7 rgb(64,221,215)
```
#37e6df
```
#37e6df rgb(55,230,223)
```
#2feee7
```
#2feee7 rgb(47,238,231)
```
#26f7ef
```
#26f7ef rgb(38,247,239)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#94a9a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b5b9 Protanopia 1% of men
#beb2c9 Deuteranopia 1% of men
#69c3d1 Tritanopia 0.001% of the population

Trichromacy

#96babb Protanomaly 1% of men, 0.01% of women
#9ab8c5 Deuteranomaly 6% of men, 0.4% of women
#64c3cb Tritanomaly 0.01% of the population

#5ac3bf hex color

#5ac3bf Color Information

#5ac3bf Color Conversion

Color Schemes with #5ac3bf

Alternatives to #5ac3bf

#5ac3bf Preview

Shades and Tints of #5ac3bf

Tones of #5ac3bf

Color Blindness Simulator