#5ac3bd hex color

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

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

● #5ac3bd color description : Moderate cyan.

The hexadecimal color #5ac3bd has RGB values of R:90, G:195, B:189 and CMYK values of C:0.54, M:0, Y:0.03, K:0.24. Its decimal value is 5948349.

Hex triplet	5ac3bd	`#5ac3bd`
RGB Decimal	90, 195, 189	`rgb(90,195,189)`
RGB Percent	35.3, 76.5, 74.1	`rgb(35.3%,76.5%,74.1%)`
CMYK	54, 0, 3, 24
HSL	176.6°, 46.7, 55.9	`hsl(176.6,46.7%,55.9%)`
HSV (or HSB)	176.6°, 53.8, 76.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.81, -31.685, -6.227
XYZ	32.914, 44.876, 55.069
xyY	0.248, 0.338, 44.876
CIE-LCH	72.81, 32.291, 191.118
CIE-LUV	72.81, -44.23, -4.519
Hunter-Lab	66.989, -29.528, -1.847
Binary	01011010, 11000011, 10111101

#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#c35a60
```
#c35a60 rgb(195,90,96)
```

Complementary Color

#5ac389
```
#5ac389 rgb(90,195,137)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#5a95c3
```
#5a95c3 rgb(90,149,195)
```

Analogous Color

#c3895a
```
#c3895a rgb(195,137,90)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#c35a95
```
#c35a95 rgb(195,90,149)
```

Split Complementary Color

#c3bd5a
```
#c3bd5a rgb(195,189,90)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#bd5ac3
```
#bd5ac3 rgb(189,90,195)
```

Triadic Color

#60c35a
```
#60c35a rgb(96,195,90)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#bd5ac3
```
#bd5ac3 rgb(189,90,195)
```
#c35a60
```
#c35a60 rgb(195,90,96)
```

Tetradic Color

#389993
```
#389993 rgb(56,153,147)
```
#3eaca5
```
#3eaca5 rgb(62,172,165)
```
#47bcb6
```
#47bcb6 rgb(71,188,182)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#6dcac4
```
#6dcac4 rgb(109,202,196)
```
#7fd1cc
```
#7fd1cc rgb(127,209,204)
```
#92d7d3
```
#92d7d3 rgb(146,215,211)
```

Monochromatic Color

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

#5ac3a3
```
#5ac3a3 rgb(90,195,163)
```
#5ac3ac
```
#5ac3ac rgb(90,195,172)
```
#5ac3b4
```
#5ac3b4 rgb(90,195,180)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#5ac0c3
```
#5ac0c3 rgb(90,192,195)
```
#5ab8c3
```
#5ab8c3 rgb(90,184,195)
```
#5aafc3
```
#5aafc3 rgb(90,175,195)
```

Similar Colors

Text with hexadecimal color #5ac3bd

This text has a font color of #5ac3bd.

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

#5ac3bd background color

This paragraph has a background color of #5ac3bd.

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

#5ac3bd border color

This element has a border color of #5ac3bd.

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

CSS codes

.text {color:#5ac3bd;}

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

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

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)
```
#0d2423
```
#0d2423 rgb(13,36,35)
```
#123331
```
#123331 rgb(18,51,49)
```
#18413f
```
#18413f rgb(24,65,63)
```
#1d504d
```
#1d504d rgb(29,80,77)
```
#225e5b
```
#225e5b rgb(34,94,91)
```
#276c68
```
#276c68 rgb(39,108,104)
```
#2d7b76
```
#2d7b76 rgb(45,123,118)
```
#328984
```
#328984 rgb(50,137,132)
```
#379792
```
#379792 rgb(55,151,146)
```
#3ca6a0
```
#3ca6a0 rgb(60,166,160)
```
#42b4ae
```
#42b4ae rgb(66,180,174)
```

Shade Color Variation

#4cbeb7
```
#4cbeb7 rgb(76,190,183)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#68c8c3
```
#68c8c3 rgb(104,200,195)
```
#77cdc9
```
#77cdc9 rgb(119,205,201)
```
#85d3ce
```
#85d3ce rgb(133,211,206)
```
#94d8d4
```
#94d8d4 rgb(148,216,212)
```
#a2ddda
```
#a2ddda rgb(162,221,218)
```
#b0e2e0
```
#b0e2e0 rgb(176,226,224)
```
#bfe8e5
```
#bfe8e5 rgb(191,232,229)
```
#cdedeb
```
#cdedeb rgb(205,237,235)
```
#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 #26f7eb is the most saturated one.

#8e8f8f
```
#8e8f8f rgb(142,143,143)
```
#859897
```
#859897 rgb(133,152,151)
```
#7da09e
```
#7da09e rgb(125,160,158)
```
#74a9a6
```
#74a9a6 rgb(116,169,166)
```
#6bb2ae
```
#6bb2ae rgb(107,178,174)
```
#63bab5
```
#63bab5 rgb(99,186,181)
```
#5ac3bd
```
#5ac3bd rgb(90,195,189)
```
#51ccc5
```
#51ccc5 rgb(81,204,197)
```
#49d4cc
```
#49d4cc rgb(73,212,204)
```
#40ddd4
```
#40ddd4 rgb(64,221,212)
```
#37e6dc
```
#37e6dc rgb(55,230,220)
```
#2feee3
```
#2feee3 rgb(47,238,227)
```
#26f7eb
```
#26f7eb rgb(38,247,235)
```

Tone Color Variation

Below, you can see how #5ac3bd 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
#94a9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b5b7 Protanopia 1% of men
#bfb2c7 Deuteranopia 1% of men
#6ac3d1 Tritanopia 0.001% of the population

Trichromacy

#96bab9 Protanomaly 1% of men, 0.01% of women
#9ab8c3 Deuteranomaly 6% of men, 0.4% of women
#64c3ca Tritanomaly 0.01% of the population

#5ac3bd hex color

#5ac3bd Color Information

#5ac3bd Color Conversion

Color Schemes with #5ac3bd

Alternatives to #5ac3bd

#5ac3bd Preview

Shades and Tints of #5ac3bd

Tones of #5ac3bd

Color Blindness Simulator