colorhexa.com

#5acbd5 hex color

In a RGB color space, hex #5acbd5 is composed of 35.3% red, 79.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 4.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 184.9 degrees, a saturation of 59.4% and a lightness of 59.4%. #5acbd5 color hex could be obtained by blending #b4ffff with #0097ab. Closest websafe color is: #66cccc.

- R 35
- G 80
- B 84
RGB color chart
- C 58
- M 5
- Y 0
- K 16
CMYK color chart

● #5acbd5 color description : Moderate cyan.

The hexadecimal color #5acbd5 has RGB values of R:90, G:203, B:213 and CMYK values of C:0.58, M:0.05, Y:0, K:0.16. Its decimal value is 5950421.

Hex triplet	5acbd5	`#5acbd5`
RGB Decimal	90, 203, 213	`rgb(90,203,213)`
RGB Percent	35.3, 79.6, 83.5	`rgb(35.3%,79.6%,83.5%)`
CMYK	58, 5, 0, 16
HSL	184.9°, 59.4, 59.4	`hsl(184.9,59.4%,59.4%)`
HSV (or HSB)	184.9°, 57.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.877, -29.042, -14.663
XYZ	37.579, 49.687, 70.557
xyY	0.238, 0.315, 49.687
CIE-LCH	75.877, 32.534, 206.789
CIE-LUV	75.877, -46.064, -18.452
Hunter-Lab	70.489, -28.193, -10.005
Binary	01011010, 11001011, 11010101

#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#d5645a
```
#d5645a rgb(213,100,90)
```

Complementary Color

#5ad5a2
```
#5ad5a2 rgb(90,213,162)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#5a8ed5
```
#5a8ed5 rgb(90,142,213)
```

Analogous Color

#d5a25a
```
#d5a25a rgb(213,162,90)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#d55a8e
```
#d55a8e rgb(213,90,142)
```

Split Complementary Color

#cbd55a
```
#cbd55a rgb(203,213,90)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#d55acb
```
#d55acb rgb(213,90,203)
```

Triadic Color

#5ad564
```
#5ad564 rgb(90,213,100)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#d55acb
```
#d55acb rgb(213,90,203)
```
#d5645a
```
#d5645a rgb(213,100,90)
```

Tetradic Color

#2eaab5
```
#2eaab5 rgb(46,170,181)
```
#33bdc9
```
#33bdc9 rgb(51,189,201)
```
#46c5d0
```
#46c5d0 rgb(70,197,208)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#6ed1da
```
#6ed1da rgb(110,209,218)
```
#83d8df
```
#83d8df rgb(131,216,223)
```
#97dee5
```
#97dee5 rgb(151,222,229)
```

Monochromatic Color

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

#5ad5c0
```
#5ad5c0 rgb(90,213,192)
```
#5ad5cb
```
#5ad5cb rgb(90,213,203)
```
#5ad5d5
```
#5ad5d5 rgb(90,213,213)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#5ac1d5
```
#5ac1d5 rgb(90,193,213)
```
#5ab7d5
```
#5ab7d5 rgb(90,183,213)
```
#5aacd5
```
#5aacd5 rgb(90,172,213)
```

Similar Colors

Text with hexadecimal color #5acbd5

This text has a font color of #5acbd5.

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

#5acbd5 background color

This paragraph has a background color of #5acbd5.

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

#5acbd5 border color

This element has a border color of #5acbd5.

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

CSS codes

.text {color:#5acbd5;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061517
```
#061517 rgb(6,21,23)
```
#0a2426
```
#0a2426 rgb(10,36,38)
```
#0e3336
```
#0e3336 rgb(14,51,54)
```
#124146
```
#124146 rgb(18,65,70)
```
#165055
```
#165055 rgb(22,80,85)
```
#1a5f65
```
#1a5f65 rgb(26,95,101)
```
#1e6d74
```
#1e6d74 rgb(30,109,116)
```
#227c84
```
#227c84 rgb(34,124,132)
```
#268b94
```
#268b94 rgb(38,139,148)
```
#2a99a3
```
#2a99a3 rgb(42,153,163)
```
#2ea8b3
```
#2ea8b3 rgb(46,168,179)
```
#32b7c3
```
#32b7c3 rgb(50,183,195)
```

Shade Color Variation

#3bc1cd
```
#3bc1cd rgb(59,193,205)
```
#4ac6d1
```
#4ac6d1 rgb(74,198,209)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#6ad0d9
```
#6ad0d9 rgb(106,208,217)
```
#79d5dd
```
#79d5dd rgb(121,213,221)
```
#89dae1
```
#89dae1 rgb(137,218,225)
```
#99dfe5
```
#99dfe5 rgb(153,223,229)
```
#a8e4e9
```
#a8e4e9 rgb(168,228,233)
```
#b8e9ed
```
#b8e9ed rgb(184,233,237)
```
#c7edf1
```
#c7edf1 rgb(199,237,241)
```
#d7f2f5
```
#d7f2f5 rgb(215,242,245)
```
#e7f7f9
```
#e7f7f9 rgb(231,247,249)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929c9d is the less saturated color, while #32ecfd is the most saturated one.

#929c9d
```
#929c9d rgb(146,156,157)
```
#8aa3a5
```
#8aa3a5 rgb(138,163,165)
```
#82aaad
```
#82aaad rgb(130,170,173)
```
#7ab0b5
```
#7ab0b5 rgb(122,176,181)
```
#72b7bd
```
#72b7bd rgb(114,183,189)
```
#6abec5
```
#6abec5 rgb(106,190,197)
```
#62c4cd
```
#62c4cd rgb(98,196,205)
```
#5acbd5
```
#5acbd5 rgb(90,203,213)
```
#52d2dd
```
#52d2dd rgb(82,210,221)
```
#4ad8e5
```
#4ad8e5 rgb(74,216,229)
```
#42dfed
```
#42dfed rgb(66,223,237)
```
#3ae6f5
```
#3ae6f5 rgb(58,230,245)
```
#32ecfd
```
#32ecfd rgb(50,236,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9ab1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbdcd Protanopia 1% of men
#bfbade Deuteranopia 1% of men
#65ccdb Tritanopia 0.001% of the population

Trichromacy

#99c2d0 Protanomaly 1% of men, 0.01% of women
#9ac0da Deuteranomaly 6% of men, 0.4% of women
#61ccd9 Tritanomaly 0.01% of the population