#5acdff hex color

In a RGB color space, hex #5acdff is composed of 35.3% red, 80.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 19.6% magenta, 0% yellow and 0% black. It has a hue angle of 198.2 degrees, a saturation of 100% and a lightness of 67.6%. #5acdff color hex could be obtained by blending #b4ffff with #009bff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 80
- B 100
RGB color chart
- C 65
- M 20
- Y 0
- K 0
CMYK color chart

● #5acdff color description : Light blue.

The hexadecimal color #5acdff has RGB values of R:90, G:205, B:255 and CMYK values of C:0.65, M:0.2, Y:0, K:0. Its decimal value is 5950975.

Hex triplet	5acdff	`#5acdff`
RGB Decimal	90, 205, 255	`rgb(90,205,255)`
RGB Percent	35.3, 80.4, 100	`rgb(35.3%,80.4%,100%)`
CMYK	65, 20, 0, 0
HSL	198.2°, 100, 67.6	`hsl(198.2,100%,67.6%)`
HSV (or HSB)	198.2°, 64.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.906, -17.706, -34.118
XYZ	44.093, 53.053, 102.519
xyY	0.221, 0.266, 53.053
CIE-LCH	77.906, 38.438, 242.572
CIE-LUV	77.906, -44.695, -52.882
Hunter-Lab	72.837, -19.408, -32.465
Binary	01011010, 11001101, 11111111

#5acdff
```
#5acdff rgb(90,205,255)
```
#ff8c5a
```
#ff8c5a rgb(255,140,90)
```

Complementary Color

#5affdf
```
#5affdf rgb(90,255,223)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#5a7bff
```
#5a7bff rgb(90,123,255)
```

Analogous Color

#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#ff5a7b
```
#ff5a7b rgb(255,90,123)
```

Split Complementary Color

#cdff5a
```
#cdff5a rgb(205,255,90)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#ff5acd
```
#ff5acd rgb(255,90,205)
```

Triadic Color

#5aff8c
```
#5aff8c rgb(90,255,140)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#ff5acd
```
#ff5acd rgb(255,90,205)
```
#ff8c5a
```
#ff8c5a rgb(255,140,90)
```

Tetradic Color

#0eb6ff
```
#0eb6ff rgb(14,182,255)
```
#27beff
```
#27beff rgb(39,190,255)
```
#41c5ff
```
#41c5ff rgb(65,197,255)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#74d5ff
```
#74d5ff rgb(116,213,255)
```
#8ddcff
```
#8ddcff rgb(141,220,255)
```
#a7e4ff
```
#a7e4ff rgb(167,228,255)
```

Monochromatic Color

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

#5af6ff
```
#5af6ff rgb(90,246,255)
```
#5ae9ff
```
#5ae9ff rgb(90,233,255)
```
#5adbff
```
#5adbff rgb(90,219,255)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#5abfff
```
#5abfff rgb(90,191,255)
```
#5ab2ff
```
#5ab2ff rgb(90,178,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```

Similar Colors

Text with hexadecimal color #5acdff

This text has a font color of #5acdff.

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

#5acdff background color

This paragraph has a background color of #5acdff.

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

#5acdff border color

This element has a border color of #5acdff.

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

CSS codes

.text {color:#5acdff;}

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

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

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, #00080c is the darkest color, while #f7fdff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#00161f
```
#00161f rgb(0,22,31)
```
#002333
```
#002333 rgb(0,35,51)
```
#003146
```
#003146 rgb(0,49,70)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#004c6e
```
#004c6e rgb(0,76,110)
```
#005a81
```
#005a81 rgb(0,90,129)
```
#006895
```
#006895 rgb(0,104,149)
```
#0075a8
```
#0075a8 rgb(0,117,168)
```
#0083bc
```
#0083bc rgb(0,131,188)
```
#0091d0
```
#0091d0 rgb(0,145,208)
```
#009ee3
```
#009ee3 rgb(0,158,227)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```

Shade Color Variation

#0cb5ff
```
#0cb5ff rgb(12,181,255)
```
#1fbbff
```
#1fbbff rgb(31,187,255)
```
#33c1ff
```
#33c1ff rgb(51,193,255)
```
#46c7ff
```
#46c7ff rgb(70,199,255)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#6ed3ff
```
#6ed3ff rgb(110,211,255)
```
#81d9ff
```
#81d9ff rgb(129,217,255)
```
#95dfff
```
#95dfff rgb(149,223,255)
```
#a8e5ff
```
#a8e5ff rgb(168,229,255)
```
#bcebff
```
#bcebff rgb(188,235,255)
```
#d0f1ff
```
#d0f1ff rgb(208,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a6afb3 is the less saturated color, while #5acdff is the most saturated one.

#a6afb3
```
#a6afb3 rgb(166,175,179)
```
#a0b2b9
```
#a0b2b9 rgb(160,178,185)
```
#99b4c0
```
#99b4c0 rgb(153,180,192)
```
#93b7c6
```
#93b7c6 rgb(147,183,198)
```
#8db9cc
```
#8db9cc rgb(141,185,204)
```
#86bcd3
```
#86bcd3 rgb(134,188,211)
```
#80bed9
```
#80bed9 rgb(128,190,217)
```
#7ac1df
```
#7ac1df rgb(122,193,223)
```
#73c3e6
```
#73c3e6 rgb(115,195,230)
```
#6dc6ec
```
#6dc6ec rgb(109,198,236)
```
#67c8f2
```
#67c8f2 rgb(103,200,242)
```
#60cbf9
```
#60cbf9 rgb(96,203,249)
```
#5acdff
```
#5acdff rgb(90,205,255)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9fb6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c1f5 Protanopia 1% of men
#b0c1ff Deuteranopia 1% of men
#4fd4e4 Tritanopia 0.001% of the population

Trichromacy

#94c5f9 Protanomaly 1% of men, 0.01% of women
#91c5ff Deuteranomaly 6% of men, 0.4% of women
#53d1ed Tritanomaly 0.01% of the population

#5acdff hex color

#5acdff Color Information

#5acdff Color Conversion

Color Schemes with #5acdff

Alternatives to #5acdff

#5acdff Preview

Shades and Tints of #5acdff

Tones of #5acdff

Color Blindness Simulator