#5cdefd hex color

In a RGB color space, hex #5cdefd is composed of 36.1% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 191.6 degrees, a saturation of 97.6% and a lightness of 67.6%. #5cdefd color hex could be obtained by blending #b8ffff with #00bdfb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 87
- B 99
RGB color chart
- C 64
- M 12
- Y 0
- K 1
CMYK color chart

● #5cdefd color description : Soft cyan.

The hexadecimal color #5cdefd has RGB values of R:92, G:222, B:253 and CMYK values of C:0.64, M:0.12, Y:0, K:0.01. Its decimal value is 6086397.

Hex triplet	5cdefd	`#5cdefd`
RGB Decimal	92, 222, 253	`rgb(92,222,253)`
RGB Percent	36.1, 87.1, 99.2	`rgb(36.1%,87.1%,99.2%)`
CMYK	64, 12, 0, 1
HSL	191.6°, 97.6, 67.6	`hsl(191.6,97.6%,67.6%)`
HSV (or HSB)	191.6°, 63.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.703, -26.556, -25.689
XYZ	48.26, 61.606, 102.271
xyY	0.227, 0.29, 61.606
CIE-LCH	82.703, 36.948, 224.048
CIE-LUV	82.703, -50.456, -37.507
Hunter-Lab	78.489, -27.605, -22.312
Binary	01011100, 11011110, 11111101

#5cdefd
```
#5cdefd rgb(92,222,253)
```
#fd7b5c
```
#fd7b5c rgb(253,123,92)
```

Complementary Color

#5cfdcc
```
#5cfdcc rgb(92,253,204)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#5c8efd
```
#5c8efd rgb(92,142,253)
```

Analogous Color

#fdcc5c
```
#fdcc5c rgb(253,204,92)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#fd5c8e
```
#fd5c8e rgb(253,92,142)
```

Split Complementary Color

#defd5c
```
#defd5c rgb(222,253,92)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#fd5cde
```
#fd5cde rgb(253,92,222)
```

Triadic Color

#5cfd7b
```
#5cfd7b rgb(92,253,123)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#fd5cde
```
#fd5cde rgb(253,92,222)
```
#fd7b5c
```
#fd7b5c rgb(253,123,92)
```

Tetradic Color

#10cffc
```
#10cffc rgb(16,207,252)
```
#2ad4fc
```
#2ad4fc rgb(42,212,252)
```
#43d9fd
```
#43d9fd rgb(67,217,253)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#75e3fd
```
#75e3fd rgb(117,227,253)
```
#8ee8fe
```
#8ee8fe rgb(142,232,254)
```
#a8edfe
```
#a8edfe rgb(168,237,254)
```

Monochromatic Color

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

#5cfdf4
```
#5cfdf4 rgb(92,253,244)
```
#5cf9fd
```
#5cf9fd rgb(92,249,253)
```
#5cebfd
```
#5cebfd rgb(92,235,253)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#5cd1fd
```
#5cd1fd rgb(92,209,253)
```
#5cc3fd
```
#5cc3fd rgb(92,195,253)
```
#5cb6fd
```
#5cb6fd rgb(92,182,253)
```

Similar Colors

Text with hexadecimal color #5cdefd

This text has a font color of #5cdefd.

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

#5cdefd background color

This paragraph has a background color of #5cdefd.

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

#5cdefd border color

This element has a border color of #5cdefd.

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

CSS codes

.text {color:#5cdefd;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#00191f
```
#00191f rgb(0,25,31)
```
#012932
```
#012932 rgb(1,41,50)
```
#013846
```
#013846 rgb(1,56,70)
```
#014859
```
#014859 rgb(1,72,89)
```
#01586c
```
#01586c rgb(1,88,108)
```
#026780
```
#026780 rgb(2,103,128)
```
#027793
```
#027793 rgb(2,119,147)
```
#0287a6
```
#0287a6 rgb(2,135,166)
```
#0296ba
```
#0296ba rgb(2,150,186)
```
#03a6cd
```
#03a6cd rgb(3,166,205)
```
#03b6e1
```
#03b6e1 rgb(3,182,225)
```
#03c6f4
```
#03c6f4 rgb(3,198,244)
```

Shade Color Variation

#0ecefc
```
#0ecefc rgb(14,206,252)
```
#22d2fc
```
#22d2fc rgb(34,210,252)
```
#35d6fd
```
#35d6fd rgb(53,214,253)
```
#49dafd
```
#49dafd rgb(73,218,253)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```
#6fe2fd
```
#6fe2fd rgb(111,226,253)
```
#83e6fd
```
#83e6fd rgb(131,230,253)
```
#96eafe
```
#96eafe rgb(150,234,254)
```
#aaeefe
```
#aaeefe rgb(170,238,254)
```
#bdf2fe
```
#bdf2fe rgb(189,242,254)
```
#d0f6fe
```
#d0f6fe rgb(208,246,254)
```
#e4f9ff
```
#e4f9ff rgb(228,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#a8afb1
```
#a8afb1 rgb(168,175,177)
```
#a2b3b7
```
#a2b3b7 rgb(162,179,183)
```
#9bb7be
```
#9bb7be rgb(155,183,190)
```
#95bbc4
```
#95bbc4 rgb(149,187,196)
```
#8fbfca
```
#8fbfca rgb(143,191,202)
```
#88c3d1
```
#88c3d1 rgb(136,195,209)
```
#82c7d7
```
#82c7d7 rgb(130,199,215)
```
#7ccadd
```
#7ccadd rgb(124,202,221)
```
#75cee4
```
#75cee4 rgb(117,206,228)
```
#6fd2ea
```
#6fd2ea rgb(111,210,234)
```
#69d6f0
```
#69d6f0 rgb(105,214,240)
```
#62daf7
```
#62daf7 rgb(98,218,247)
```
#5cdefd
```
#5cdefd rgb(92,222,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a8c2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cef2 Protanopia 1% of men
#c7cdff Deuteranopia 1% of men
#5de1f2 Tritanopia 0.001% of the population

Trichromacy

#a1d4f6 Protanomaly 1% of men, 0.01% of women
#a0d3fe Deuteranomaly 6% of men, 0.4% of women
#5ce0f6 Tritanomaly 0.01% of the population

#5cdefd hex color

#5cdefd Color Information

#5cdefd Color Conversion

Color Schemes with #5cdefd

Alternatives to #5cdefd

#5cdefd Preview

Shades and Tints of #5cdefd

Tones of #5cdefd

Color Blindness Simulator