#5cafda hex color

In a RGB color space, hex #5cafda is composed of 36.1% red, 68.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 19.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 200.5 degrees, a saturation of 63% and a lightness of 60.8%. #5cafda color hex could be obtained by blending #b8ffff with #005fb5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 69
- B 85
RGB color chart
- C 58
- M 20
- Y 0
- K 15
CMYK color chart

● #5cafda color description : Soft blue.

The hexadecimal color #5cafda has RGB values of R:92, G:175, B:218 and CMYK values of C:0.58, M:0.2, Y:0, K:0.15. Its decimal value is 6074330.

Hex triplet	5cafda	`#5cafda`
RGB Decimal	92, 175, 218	`rgb(92,175,218)`
RGB Percent	36.1, 68.6, 85.5	`rgb(36.1%,68.6%,85.5%)`
CMYK	58, 20, 0, 15
HSL	200.5°, 63, 60.8	`hsl(200.5,63%,60.8%)`
HSV (or HSB)	200.5°, 57.8, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.017, -12.88, -29.347
XYZ	32.395, 37.995, 71.952
xyY	0.228, 0.267, 37.995
CIE-LCH	68.017, 32.049, 246.304
CIE-LUV	68.017, -34.893, -44.555
Hunter-Lab	61.64, -14.058, -26.061
Binary	01011100, 10101111, 11011010

#5cafda
```
#5cafda rgb(92,175,218)
```
#da875c
```
#da875c rgb(218,135,92)
```

Complementary Color

#5cdac6
```
#5cdac6 rgb(92,218,198)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#5c70da
```
#5c70da rgb(92,112,218)
```

Analogous Color

#dac65c
```
#dac65c rgb(218,198,92)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#da5c70
```
#da5c70 rgb(218,92,112)
```

Split Complementary Color

#afda5c
```
#afda5c rgb(175,218,92)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#da5caf
```
#da5caf rgb(218,92,175)
```

Triadic Color

#5cda87
```
#5cda87 rgb(92,218,135)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#da5caf
```
#da5caf rgb(218,92,175)
```
#da875c
```
#da875c rgb(218,135,92)
```

Tetradic Color

#2b8cbe
```
#2b8cbe rgb(43,140,190)
```
#329bd1
```
#329bd1 rgb(50,155,209)
```
#47a5d5
```
#47a5d5 rgb(71,165,213)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#71b9df
```
#71b9df rgb(113,185,223)
```
#86c3e3
```
#86c3e3 rgb(134,195,227)
```
#9acee8
```
#9acee8 rgb(154,206,232)
```

Monochromatic Color

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

#5ccfda
```
#5ccfda rgb(92,207,218)
```
#5cc4da
```
#5cc4da rgb(92,196,218)
```
#5cbada
```
#5cbada rgb(92,186,218)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#5ca5da
```
#5ca5da rgb(92,165,218)
```
#5c9ada
```
#5c9ada rgb(92,154,218)
```
#5c90da
```
#5c90da rgb(92,144,218)
```

Similar Colors

Text with hexadecimal color #5cafda

This text has a font color of #5cafda.

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

#5cafda background color

This paragraph has a background color of #5cafda.

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

#5cafda border color

This element has a border color of #5cafda.

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

CSS codes

.text {color:#5cafda;}

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

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

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, #03090d is the darkest color, while #fcfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#07151d
```
#07151d rgb(7,21,29)
```
#0a212d
```
#0a212d rgb(10,33,45)
```
#0e2d3d
```
#0e2d3d rgb(14,45,61)
```
#11394d
```
#11394d rgb(17,57,77)
```
#15445d
```
#15445d rgb(21,68,93)
```
#19506d
```
#19506d rgb(25,80,109)
```
#1c5c7d
```
#1c5c7d rgb(28,92,125)
```
#20688d
```
#20688d rgb(32,104,141)
```
#24739d
```
#24739d rgb(36,115,157)
```
#277fad
```
#277fad rgb(39,127,173)
```
#2b8bbd
```
#2b8bbd rgb(43,139,189)
```
#2e97cd
```
#2e97cd rgb(46,151,205)
```

Shade Color Variation

#3c9fd3
```
#3c9fd3 rgb(60,159,211)
```
#4ca7d6
```
#4ca7d6 rgb(76,167,214)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#6cb7de
```
#6cb7de rgb(108,183,222)
```
#7cbfe1
```
#7cbfe1 rgb(124,191,225)
```
#8cc7e5
```
#8cc7e5 rgb(140,199,229)
```
#9ccee9
```
#9ccee9 rgb(156,206,233)
```
#acd6ec
```
#acd6ec rgb(172,214,236)
```
#bcdef0
```
#bcdef0 rgb(188,222,240)
```
#cce6f3
```
#cce6f3 rgb(204,230,243)
```
#dceef7
```
#dceef7 rgb(220,238,247)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#9a9b9c
```
#9a9b9c rgb(154,155,156)
```
#929ea4
```
#929ea4 rgb(146,158,164)
```
#8aa0ac
```
#8aa0ac rgb(138,160,172)
```
#82a3b4
```
#82a3b4 rgb(130,163,180)
```
#7ba5bb
```
#7ba5bb rgb(123,165,187)
```
#73a8c3
```
#73a8c3 rgb(115,168,195)
```
#6baacb
```
#6baacb rgb(107,170,203)
```
#64add2
```
#64add2 rgb(100,173,210)
```
#5cafda
```
#5cafda rgb(92,175,218)
```
#54b1e2
```
#54b1e2 rgb(84,177,226)
```
#4db4e9
```
#4db4e9 rgb(77,180,233)
```
#45b6f1
```
#45b6f1 rgb(69,182,241)
```
#3db9f9
```
#3db9f9 rgb(61,185,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8e9fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea8d5 Protanopia 1% of men
#99a8e0 Deuteranopia 1% of men
#58b7c4 Tritanopia 0.001% of the population

Trichromacy

#86aad6 Protanomaly 1% of men, 0.01% of women
#83aadd Deuteranomaly 6% of men, 0.4% of women
#59b4cc Tritanomaly 0.01% of the population

#5cafda hex color

#5cafda Color Information

#5cafda Color Conversion

Color Schemes with #5cafda

Alternatives to #5cafda

#5cafda Preview

Shades and Tints of #5cafda

Tones of #5cafda

Color Blindness Simulator