#5ac5bc hex color

In a RGB color space, hex #5ac5bc is composed of 35.3% red, 77.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 0% magenta, 4.6% yellow and 22.7% black. It has a hue angle of 175 degrees, a saturation of 48% and a lightness of 56.3%. #5ac5bc color hex could be obtained by blending #b4ffff with #008b79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 77
- B 74
RGB color chart
- C 54
- M 0
- Y 5
- K 23
CMYK color chart

● #5ac5bc color description : Moderate cyan.

The hexadecimal color #5ac5bc has RGB values of R:90, G:197, B:188 and CMYK values of C:0.54, M:0, Y:0.05, K:0.23. Its decimal value is 5948860.

Hex triplet	5ac5bc	`#5ac5bc`
RGB Decimal	90, 197, 188	`rgb(90,197,188)`
RGB Percent	35.3, 77.3, 73.7	`rgb(35.3%,77.3%,73.7%)`
CMYK	54, 0, 5, 23
HSL	175°, 48, 56.3	`hsl(175,48%,56.3%)`
HSV (or HSB)	175°, 54.3, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.373, -32.896, -4.85
XYZ	33.257, 45.735, 54.649
xyY	0.249, 0.342, 45.735
CIE-LCH	73.373, 33.252, 188.388
CIE-LUV	73.373, -45.043, -2.197
Hunter-Lab	67.627, -30.567, -0.573
Binary	01011010, 11000101, 10111100

#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#c55a63
```
#c55a63 rgb(197,90,99)
```

Complementary Color

#5ac587
```
#5ac587 rgb(90,197,135)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#5a99c5
```
#5a99c5 rgb(90,153,197)
```

Analogous Color

#c5875a
```
#c5875a rgb(197,135,90)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#c55a99
```
#c55a99 rgb(197,90,153)
```

Split Complementary Color

#c5bc5a
```
#c5bc5a rgb(197,188,90)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#bc5ac5
```
#bc5ac5 rgb(188,90,197)
```

Triadic Color

#63c55a
```
#63c55a rgb(99,197,90)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#bc5ac5
```
#bc5ac5 rgb(188,90,197)
```
#c55a63
```
#c55a63 rgb(197,90,99)
```

Tetradic Color

#379c93
```
#379c93 rgb(55,156,147)
```
#3dafa5
```
#3dafa5 rgb(61,175,165)
```
#47beb4
```
#47beb4 rgb(71,190,180)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#6dccc4
```
#6dccc4 rgb(109,204,196)
```
#80d2cb
```
#80d2cb rgb(128,210,203)
```
#93d9d3
```
#93d9d3 rgb(147,217,211)
```

Monochromatic Color

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

#5ac5a1
```
#5ac5a1 rgb(90,197,161)
```
#5ac5aa
```
#5ac5aa rgb(90,197,170)
```
#5ac5b3
```
#5ac5b3 rgb(90,197,179)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#5ac5c5
```
#5ac5c5 rgb(90,197,197)
```
#5abcc5
```
#5abcc5 rgb(90,188,197)
```
#5ab3c5
```
#5ab3c5 rgb(90,179,197)
```

Similar Colors

Text with hexadecimal color #5ac5bc

This text has a font color of #5ac5bc.

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

#5ac5bc background color

This paragraph has a background color of #5ac5bc.

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

#5ac5bc border color

This element has a border color of #5ac5bc.

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

CSS codes

.text {color:#5ac5bc;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#081816
```
#081816 rgb(8,24,22)
```
#0d2624
```
#0d2624 rgb(13,38,36)
```
#133532
```
#133532 rgb(19,53,50)
```
#184340
```
#184340 rgb(24,67,64)
```
#1d524d
```
#1d524d rgb(29,82,77)
```
#22605b
```
#22605b rgb(34,96,91)
```
#276f69
```
#276f69 rgb(39,111,105)
```
#2c7d76
```
#2c7d76 rgb(44,125,118)
```
#318c84
```
#318c84 rgb(49,140,132)
```
#369a92
```
#369a92 rgb(54,154,146)
```
#3ba9a0
```
#3ba9a0 rgb(59,169,160)
```
#40b7ad
```
#40b7ad rgb(64,183,173)
```

Shade Color Variation

#4bc0b6
```
#4bc0b6 rgb(75,192,182)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#69cac2
```
#69cac2 rgb(105,202,194)
```
#77cfc8
```
#77cfc8 rgb(119,207,200)
```
#86d4ce
```
#86d4ce rgb(134,212,206)
```
#94d9d4
```
#94d9d4 rgb(148,217,212)
```
#a3dfd9
```
#a3dfd9 rgb(163,223,217)
```
#b1e4df
```
#b1e4df rgb(177,228,223)
```
#c0e9e5
```
#c0e9e5 rgb(192,233,229)
```
#ceeeeb
```
#ceeeeb rgb(206,238,235)
```
#ddf3f1
```
#ddf3f1 rgb(221,243,241)
```
#ebf8f7
```
#ebf8f7 rgb(235,248,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#8d9291
```
#8d9291 rgb(141,146,145)
```
#859a98
```
#859a98 rgb(133,154,152)
```
#7ca39f
```
#7ca39f rgb(124,163,159)
```
#74aba7
```
#74aba7 rgb(116,171,167)
```
#6bb4ae
```
#6bb4ae rgb(107,180,174)
```
#63bcb5
```
#63bcb5 rgb(99,188,181)
```
#5ac5bc
```
#5ac5bc rgb(90,197,188)
```
#51cec3
```
#51cec3 rgb(81,206,195)
```
#49d6ca
```
#49d6ca rgb(73,214,202)
```
#40dfd1
```
#40dfd1 rgb(64,223,209)
```
#38e7d9
```
#38e7d9 rgb(56,231,217)
```
#2ff0e0
```
#2ff0e0 rgb(47,240,224)
```
#27f8e7
```
#27f8e7 rgb(39,248,231)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95aba9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb7b6 Protanopia 1% of men
#c2b3c6 Deuteranopia 1% of men
#6bc4d3 Tritanopia 0.001% of the population

Trichromacy

#97bcb8 Protanomaly 1% of men, 0.01% of women
#9cb9c2 Deuteranomaly 6% of men, 0.4% of women
#65c4ca Tritanomaly 0.01% of the population

#5ac5bc hex color

#5ac5bc Color Information

#5ac5bc Color Conversion

Color Schemes with #5ac5bc

Alternatives to #5ac5bc

#5ac5bc Preview

Shades and Tints of #5ac5bc

Tones of #5ac5bc

Color Blindness Simulator