#5cafdf hex color

In a RGB color space, hex #5cafdf is composed of 36.1% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 202 degrees, a saturation of 67.2% and a lightness of 61.8%. #5cafdf color hex could be obtained by blending #b8ffff with #005fbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 69
- B 87
RGB color chart
- C 59
- M 22
- Y 0
- K 13
CMYK color chart

● #5cafdf color description : Soft blue.

The hexadecimal color #5cafdf has RGB values of R:92, G:175, B:223 and CMYK values of C:0.59, M:0.22, Y:0, K:0.13. Its decimal value is 6074335.

Hex triplet	5cafdf	`#5cafdf`
RGB Decimal	92, 175, 223	`rgb(92,175,223)`
RGB Percent	36.1, 68.6, 87.5	`rgb(36.1%,68.6%,87.5%)`
CMYK	59, 22, 0, 13
HSL	202°, 67.2, 61.8	`hsl(202,67.2%,61.8%)`
HSV (or HSB)	202°, 58.7, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.212, -11.351, -31.789
XYZ	33.06, 38.261, 75.451
xyY	0.225, 0.261, 38.261
CIE-LCH	68.212, 33.755, 250.35
CIE-LUV	68.212, -34.718, -48.874
Hunter-Lab	61.855, -12.844, -29.023
Binary	01011100, 10101111, 11011111

#5cafdf
```
#5cafdf rgb(92,175,223)
```
#df8c5c
```
#df8c5c rgb(223,140,92)
```

Complementary Color

#5cdfce
```
#5cdfce rgb(92,223,206)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#5c6edf
```
#5c6edf rgb(92,110,223)
```

Analogous Color

#dfce5c
```
#dfce5c rgb(223,206,92)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#df5c6e
```
#df5c6e rgb(223,92,110)
```

Split Complementary Color

#afdf5c
```
#afdf5c rgb(175,223,92)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#df5caf
```
#df5caf rgb(223,92,175)
```

Triadic Color

#5cdf8c
```
#5cdf8c rgb(92,223,140)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#df5caf
```
#df5caf rgb(223,92,175)
```
#df8c5c
```
#df8c5c rgb(223,140,92)
```

Tetradic Color

#278dc7
```
#278dc7 rgb(39,141,199)
```
#319ad7
```
#319ad7 rgb(49,154,215)
```
#47a5db
```
#47a5db rgb(71,165,219)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#71b9e3
```
#71b9e3 rgb(113,185,227)
```
#87c4e7
```
#87c4e7 rgb(135,196,231)
```
#9cceec
```
#9cceec rgb(156,206,236)
```

Monochromatic Color

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

#5cd0df
```
#5cd0df rgb(92,208,223)
```
#5cc5df
```
#5cc5df rgb(92,197,223)
```
#5cbadf
```
#5cbadf rgb(92,186,223)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#5ca4df
```
#5ca4df rgb(92,164,223)
```
#5c99df
```
#5c99df rgb(92,153,223)
```
#5c8edf
```
#5c8edf rgb(92,142,223)
```

Similar Colors

Text with hexadecimal color #5cafdf

This text has a font color of #5cafdf.

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

#5cafdf background color

This paragraph has a background color of #5cafdf.

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

#5cafdf border color

This element has a border color of #5cafdf.

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

CSS codes

.text {color:#5cafdf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#071822
```
#071822 rgb(7,24,34)
```
#0a2332
```
#0a2332 rgb(10,35,50)
```
#0d2f43
```
#0d2f43 rgb(13,47,67)
```
#103b53
```
#103b53 rgb(16,59,83)
```
#144663
```
#144663 rgb(20,70,99)
```
#175274
```
#175274 rgb(23,82,116)
```
#1a5d84
```
#1a5d84 rgb(26,93,132)
```
#1d6995
```
#1d6995 rgb(29,105,149)
```
#2074a5
```
#2074a5 rgb(32,116,165)
```
#2480b5
```
#2480b5 rgb(36,128,181)
```
#278bc6
```
#278bc6 rgb(39,139,198)
```

Shade Color Variation

#2b97d5
```
#2b97d5 rgb(43,151,213)
```
#3b9fd9
```
#3b9fd9 rgb(59,159,217)
```
#4ca7dc
```
#4ca7dc rgb(76,167,220)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#6cb7e2
```
#6cb7e2 rgb(108,183,226)
```
#7dbfe5
```
#7dbfe5 rgb(125,191,229)
```
#8dc7e9
```
#8dc7e9 rgb(141,199,233)
```
#9ecfec
```
#9ecfec rgb(158,207,236)
```
#aed7ef
```
#aed7ef rgb(174,215,239)
```
#bedff2
```
#bedff2 rgb(190,223,242)
```
#cfe7f6
```
#cfe7f6 rgb(207,231,246)
```
#dfeff9
```
#dfeff9 rgb(223,239,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#989fa3
```
#989fa3 rgb(152,159,163)
```
#91a1ab
```
#91a1ab rgb(145,161,171)
```
#89a3b2
```
#89a3b2 rgb(137,163,178)
```
#82a5ba
```
#82a5ba rgb(130,165,186)
```
#7aa7c1
```
#7aa7c1 rgb(122,167,193)
```
#73a9c9
```
#73a9c9 rgb(115,169,201)
```
#6babd0
```
#6babd0 rgb(107,171,208)
```
#64add8
```
#64add8 rgb(100,173,216)
```
#5cafdf
```
#5cafdf rgb(92,175,223)
```
#55b1e7
```
#55b1e7 rgb(85,177,231)
```
#4db3ee
```
#4db3ee rgb(77,179,238)
```
#46b5f6
```
#46b5f6 rgb(70,181,246)
```
#3eb7fd
```
#3eb7fd rgb(62,183,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8fa0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca9d9 Protanopia 1% of men
#97a8e4 Deuteranopia 1% of men
#55b8c5 Tritanopia 0.001% of the population

Trichromacy

#85abdb Protanomaly 1% of men, 0.01% of women
#81abe2 Deuteranomaly 6% of men, 0.4% of women
#57b4ce Tritanomaly 0.01% of the population

#5cafdf hex color

#5cafdf Color Information

#5cafdf Color Conversion

Color Schemes with #5cafdf

Alternatives to #5cafdf

#5cafdf Preview

Shades and Tints of #5cafdf

Tones of #5cafdf

Color Blindness Simulator