#5acde3 hex color

In a RGB color space, hex #5acde3 is composed of 35.3% red, 80.4% green and 89% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 9.7% magenta, 0% yellow and 11% black. It has a hue angle of 189.6 degrees, a saturation of 71% and a lightness of 62.2%. #5acde3 color hex could be obtained by blending #b4ffff with #009bc7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 80
- B 89
RGB color chart
- C 60
- M 10
- Y 0
- K 11
CMYK color chart

● #5acde3 color description : Soft cyan.

The hexadecimal color #5acde3 has RGB values of R:90, G:205, B:227 and CMYK values of C:0.6, M:0.1, Y:0, K:0.11. Its decimal value is 5950947.

Hex triplet	5acde3	`#5acde3`
RGB Decimal	90, 205, 227	`rgb(90,205,227)`
RGB Percent	35.3, 80.4, 89	`rgb(35.3%,80.4%,89%)`
CMYK	60, 10, 0, 11
HSL	189.6°, 71, 62.2	`hsl(189.6,71%,62.2%)`
HSV (or HSB)	189.6°, 60.4, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.908, -26.056, -20.646
XYZ	39.909, 51.379, 80.483
xyY	0.232, 0.299, 51.379
CIE-LCH	76.908, 33.244, 218.393
CIE-LUV	76.908, -46.092, -28.794
Hunter-Lab	71.679, -26.055, -16.396
Binary	01011010, 11001101, 11100011

#5acde3
```
#5acde3 rgb(90,205,227)
```
#e3705a
```
#e3705a rgb(227,112,90)
```

Complementary Color

#5ae3b5
```
#5ae3b5 rgb(90,227,181)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#5a89e3
```
#5a89e3 rgb(90,137,227)
```

Analogous Color

#e3b55a
```
#e3b55a rgb(227,181,90)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#e35a89
```
#e35a89 rgb(227,90,137)
```

Split Complementary Color

#cde35a
```
#cde35a rgb(205,227,90)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#e35acd
```
#e35acd rgb(227,90,205)
```

Triadic Color

#5ae370
```
#5ae370 rgb(90,227,112)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#e35acd
```
#e35acd rgb(227,90,205)
```
#e3705a
```
#e3705a rgb(227,112,90)
```

Tetradic Color

#23b2ce
```
#23b2ce rgb(35,178,206)
```
#2ec0dc
```
#2ec0dc rgb(46,192,220)
```
#44c6df
```
#44c6df rgb(68,198,223)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#70d4e7
```
#70d4e7 rgb(112,212,231)
```
#86daea
```
#86daea rgb(134,218,234)
```
#9be1ee
```
#9be1ee rgb(155,225,238)
```

Monochromatic Color

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

#5ae3d7
```
#5ae3d7 rgb(90,227,215)
```
#5ae3e2
```
#5ae3e2 rgb(90,227,226)
```
#5ad8e3
```
#5ad8e3 rgb(90,216,227)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#5ac2e3
```
#5ac2e3 rgb(90,194,227)
```
#5ab6e3
```
#5ab6e3 rgb(90,182,227)
```
#5aabe3
```
#5aabe3 rgb(90,171,227)
```

Similar Colors

Text with hexadecimal color #5acde3

This text has a font color of #5acde3.

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

#5acde3 background color

This paragraph has a background color of #5acde3.

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

#5acde3 border color

This element has a border color of #5acde3.

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

CSS codes

.text {color:#5acde3;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#031113
```
#031113 rgb(3,17,19)
```
#061f24
```
#061f24 rgb(6,31,36)
```
#092e35
```
#092e35 rgb(9,46,53)
```
#0c3c46
```
#0c3c46 rgb(12,60,70)
```
#0f4b57
```
#0f4b57 rgb(15,75,87)
```
#125a67
```
#125a67 rgb(18,90,103)
```
#146878
```
#146878 rgb(20,104,120)
```
#177789
```
#177789 rgb(23,119,137)
```
#1a859a
```
#1a859a rgb(26,133,154)
```
#1d94aa
```
#1d94aa rgb(29,148,170)
```
#20a2bb
```
#20a2bb rgb(32,162,187)
```
#23b1cc
```
#23b1cc rgb(35,177,204)
```

Shade Color Variation

#28beda
```
#28beda rgb(40,190,218)
```
#38c3dd
```
#38c3dd rgb(56,195,221)
```
#49c8e0
```
#49c8e0 rgb(73,200,224)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#6bd2e6
```
#6bd2e6 rgb(107,210,230)
```
#7cd7e9
```
#7cd7e9 rgb(124,215,233)
```
#8cdcec
```
#8cdcec rgb(140,220,236)
```
#9de1ee
```
#9de1ee rgb(157,225,238)
```
#aee6f1
```
#aee6f1 rgb(174,230,241)
```
#bfebf4
```
#bfebf4 rgb(191,235,244)
```
#cff1f7
```
#cff1f7 rgb(207,241,247)
```
#e0f6fa
```
#e0f6fa rgb(224,246,250)
```
#f1fbfd
```
#f1fbfd rgb(241,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a0 is the less saturated color, while #44dcf9 is the most saturated one.

#9da0a0
```
#9da0a0 rgb(157,160,160)
```
#95a5a8
```
#95a5a8 rgb(149,165,168)
```
#8eaaaf
```
#8eaaaf rgb(142,170,175)
```
#87afb6
```
#87afb6 rgb(135,175,182)
```
#7fb4be
```
#7fb4be rgb(127,180,190)
```
#78b9c5
```
#78b9c5 rgb(120,185,197)
```
#70becd
```
#70becd rgb(112,190,205)
```
#69c3d4
```
#69c3d4 rgb(105,195,212)
```
#61c8dc
```
#61c8dc rgb(97,200,220)
```
#5acde3
```
#5acde3 rgb(90,205,227)
```
#53d2ea
```
#53d2ea rgb(83,210,234)
```
#4bd7f2
```
#4bd7f2 rgb(75,215,242)
```
#44dcf9
```
#44dcf9 rgb(68,220,249)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9cb3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbfda Protanopia 1% of men
#bcbdeb Deuteranopia 1% of men
#5fd0df Tritanopia 0.001% of the population

Trichromacy

#98c4dd Protanomaly 1% of men, 0.01% of women
#98c3e8 Deuteranomaly 6% of men, 0.4% of women
#5dcfe0 Tritanomaly 0.01% of the population

#5acde3 hex color

#5acde3 Color Information

#5acde3 Color Conversion

Color Schemes with #5acde3

Alternatives to #5acde3

#5acde3 Preview

Shades and Tints of #5acde3

Tones of #5acde3

Color Blindness Simulator