#5dcaf8 hex color

In a RGB color space, hex #5dcaf8 is composed of 36.5% red, 79.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 18.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.8 degrees, a saturation of 91.7% and a lightness of 66.9%. #5dcaf8 color hex could be obtained by blending #baffff with #0095f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 79
- B 97
RGB color chart
- C 63
- M 19
- Y 0
- K 3
CMYK color chart

● #5dcaf8 color description : Soft blue.

The hexadecimal color #5dcaf8 has RGB values of R:93, G:202, B:248 and CMYK values of C:0.63, M:0.19, Y:0, K:0.03. Its decimal value is 6146808.

Hex triplet	5dcaf8	`#5dcaf8`
RGB Decimal	93, 202, 248	`rgb(93,202,248)`
RGB Percent	36.5, 79.2, 97.3	`rgb(36.5%,79.2%,97.3%)`
CMYK	63, 19, 0, 3
HSL	197.8°, 91.7, 66.9	`hsl(197.8,91.7%,66.9%)`
HSV (or HSB)	197.8°, 62.5, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.886, -17.806, -31.942
XYZ	42.574, 51.342, 96.468
xyY	0.224, 0.27, 51.342
CIE-LCH	76.886, 36.57, 240.862
CIE-LUV	76.886, -43.302, -49.044
Hunter-Lab	71.654, -19.336, -29.665
Binary	01011101, 11001010, 11111000

#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#f88b5d
```
#f88b5d rgb(248,139,93)
```

Complementary Color

#5df8d9
```
#5df8d9 rgb(93,248,217)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#5d7df8
```
#5d7df8 rgb(93,125,248)
```

Analogous Color

#f8d95d
```
#f8d95d rgb(248,217,93)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#f85d7d
```
#f85d7d rgb(248,93,125)
```

Split Complementary Color

#caf85d
```
#caf85d rgb(202,248,93)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#f85dca
```
#f85dca rgb(248,93,202)
```

Triadic Color

#5df88b
```
#5df88b rgb(93,248,139)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#f85dca
```
#f85dca rgb(248,93,202)
```
#f88b5d
```
#f88b5d rgb(248,139,93)
```

Tetradic Color

#14b2f5
```
#14b2f5 rgb(20,178,245)
```
#2cbaf6
```
#2cbaf6 rgb(44,186,246)
```
#45c2f7
```
#45c2f7 rgb(69,194,247)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#75d2f9
```
#75d2f9 rgb(117,210,249)
```
#8edafa
```
#8edafa rgb(142,218,250)
```
#a6e2fb
```
#a6e2fb rgb(166,226,251)
```

Monochromatic Color

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

#5df1f8
```
#5df1f8 rgb(93,241,248)
```
#5de4f8
```
#5de4f8 rgb(93,228,248)
```
#5dd7f8
```
#5dd7f8 rgb(93,215,248)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#5dbdf8
```
#5dbdf8 rgb(93,189,248)
```
#5db0f8
```
#5db0f8 rgb(93,176,248)
```
#5da3f8
```
#5da3f8 rgb(93,163,248)
```

Similar Colors

Text with hexadecimal color #5dcaf8

This text has a font color of #5dcaf8.

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

#5dcaf8 background color

This paragraph has a background color of #5dcaf8.

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

#5dcaf8 border color

This element has a border color of #5dcaf8.

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

CSS codes

.text {color:#5dcaf8;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#01131a
```
#01131a rgb(1,19,26)
```
#02202d
```
#02202d rgb(2,32,45)
```
#032e40
```
#032e40 rgb(3,46,64)
```
#043b52
```
#043b52 rgb(4,59,82)
```
#044865
```
#044865 rgb(4,72,101)
```
#055678
```
#055678 rgb(5,86,120)
```
#06638b
```
#06638b rgb(6,99,139)
```
#07719e
```
#07719e rgb(7,113,158)
```
#087eb0
```
#087eb0 rgb(8,126,176)
```
#088cc3
```
#088cc3 rgb(8,140,195)
```
#0999d6
```
#0999d6 rgb(9,153,214)
```
#0aa7e9
```
#0aa7e9 rgb(10,167,233)
```

Shade Color Variation

#12b1f5
```
#12b1f5 rgb(18,177,245)
```
#25b8f6
```
#25b8f6 rgb(37,184,246)
```
#37bef6
```
#37bef6 rgb(55,190,246)
```
#4ac4f7
```
#4ac4f7 rgb(74,196,247)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#70d0f9
```
#70d0f9 rgb(112,208,249)
```
#83d6fa
```
#83d6fa rgb(131,214,250)
```
#95dcfa
```
#95dcfa rgb(149,220,250)
```
#a8e3fb
```
#a8e3fb rgb(168,227,251)
```
#bbe9fc
```
#bbe9fc rgb(187,233,252)
```
#ceeffd
```
#ceeffd rgb(206,239,253)
```
#e1f5fe
```
#e1f5fe rgb(225,245,254)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#a5adb1
```
#a5adb1 rgb(165,173,177)
```
#9eb0b7
```
#9eb0b7 rgb(158,176,183)
```
#98b2be
```
#98b2be rgb(152,178,190)
```
#91b5c4
```
#91b5c4 rgb(145,181,196)
```
#8bb8cb
```
#8bb8cb rgb(139,184,203)
```
#84bad1
```
#84bad1 rgb(132,186,209)
```
#7ebdd8
```
#7ebdd8 rgb(126,189,216)
```
#77bfde
```
#77bfde rgb(119,191,222)
```
#71c2e5
```
#71c2e5 rgb(113,194,229)
```
#6ac5eb
```
#6ac5eb rgb(106,197,235)
```
#64c7f2
```
#64c7f2 rgb(100,199,242)
```
#5dcaf8
```
#5dcaf8 rgb(93,202,248)
```
#56cdff
```
#56cdff rgb(86,205,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bfef Protanopia 1% of men
#aebefd Deuteranopia 1% of men
#56d1e0 Tritanopia 0.001% of the population

Trichromacy

#94c3f2 Protanomaly 1% of men, 0.01% of women
#91c2fb Deuteranomaly 6% of men, 0.4% of women
#58cee9 Tritanomaly 0.01% of the population

#5dcaf8 hex color

#5dcaf8 Color Information

#5dcaf8 Color Conversion

Color Schemes with #5dcaf8

Alternatives to #5dcaf8

#5dcaf8 Preview

Shades and Tints of #5dcaf8

Tones of #5dcaf8

Color Blindness Simulator