#5dcaf2 hex color

In a RGB color space, hex #5dcaf2 is composed of 36.5% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.1 degrees, a saturation of 85.1% and a lightness of 65.7%. #5dcaf2 color hex could be obtained by blending #baffff with #0095e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 79
- B 95
RGB color chart
- C 62
- M 17
- Y 0
- K 5
CMYK color chart

● #5dcaf2 color description : Soft blue.

The hexadecimal color #5dcaf2 has RGB values of R:93, G:202, B:242 and CMYK values of C:0.62, M:0.17, Y:0, K:0.05. Its decimal value is 6146802.

Hex triplet	5dcaf2	`#5dcaf2`
RGB Decimal	93, 202, 242	`rgb(93,202,242)`
RGB Percent	36.5, 79.2, 94.9	`rgb(36.5%,79.2%,94.9%)`
CMYK	62, 17, 0, 5
HSL	196.1°, 85.1, 65.7	`hsl(196.1,85.1%,65.7%)`
HSV (or HSB)	196.1°, 61.6, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.664, -19.615, -29.067
XYZ	41.658, 50.976, 91.643
xyY	0.226, 0.277, 50.976
CIE-LCH	76.664, 35.066, 235.987
CIE-LUV	76.664, -43.58, -43.871
Hunter-Lab	71.397, -20.798, -26.125
Binary	01011101, 11001010, 11110010

#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#f2855d
```
#f2855d rgb(242,133,93)
```

Complementary Color

#5df2d0
```
#5df2d0 rgb(93,242,208)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#5d80f2
```
#5d80f2 rgb(93,128,242)
```

Analogous Color

#f2d05d
```
#f2d05d rgb(242,208,93)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#f25d80
```
#f25d80 rgb(242,93,128)
```

Split Complementary Color

#caf25d
```
#caf25d rgb(202,242,93)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#f25dca
```
#f25dca rgb(242,93,202)
```

Triadic Color

#5df285
```
#5df285 rgb(93,242,133)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#f25dca
```
#f25dca rgb(242,93,202)
```
#f2855d
```
#f2855d rgb(242,133,93)
```

Tetradic Color

#16b3ec
```
#16b3ec rgb(22,179,236)
```
#2ebbee
```
#2ebbee rgb(46,187,238)
```
#45c2f0
```
#45c2f0 rgb(69,194,240)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#75d2f4
```
#75d2f4 rgb(117,210,244)
```
#8cd9f6
```
#8cd9f6 rgb(140,217,246)
```
#a4e1f8
```
#a4e1f8 rgb(164,225,248)
```

Monochromatic Color

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

#5deff2
```
#5deff2 rgb(93,239,242)
```
#5de3f2
```
#5de3f2 rgb(93,227,242)
```
#5dd6f2
```
#5dd6f2 rgb(93,214,242)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#5dbef2
```
#5dbef2 rgb(93,190,242)
```
#5db1f2
```
#5db1f2 rgb(93,177,242)
```
#5da5f2
```
#5da5f2 rgb(93,165,242)
```

Similar Colors

Text with hexadecimal color #5dcaf2

This text has a font color of #5dcaf2.

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

#5dcaf2 background color

This paragraph has a background color of #5dcaf2.

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

#5dcaf2 border color

This element has a border color of #5dcaf2.

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

CSS codes

.text {color:#5dcaf2;}

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

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

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 #eefafe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#031c26
```
#031c26 rgb(3,28,38)
```
#042a38
```
#042a38 rgb(4,42,56)
```
#06384a
```
#06384a rgb(6,56,74)
```
#07455c
```
#07455c rgb(7,69,92)
```
#09536e
```
#09536e rgb(9,83,110)
```
#0a6181
```
#0a6181 rgb(10,97,129)
```
#0c6e93
```
#0c6e93 rgb(12,110,147)
```
#0d7ca5
```
#0d7ca5 rgb(13,124,165)
```
#0f8ab7
```
#0f8ab7 rgb(15,138,183)
```
#1097c9
```
#1097c9 rgb(16,151,201)
```
#12a5db
```
#12a5db rgb(18,165,219)
```

Shade Color Variation

#14b2ec
```
#14b2ec rgb(20,178,236)
```
#27b8ee
```
#27b8ee rgb(39,184,238)
```
#39beef
```
#39beef rgb(57,190,239)
```
#4bc4f1
```
#4bc4f1 rgb(75,196,241)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#6fd0f3
```
#6fd0f3 rgb(111,208,243)
```
#81d6f5
```
#81d6f5 rgb(129,214,245)
```
#93dcf6
```
#93dcf6 rgb(147,220,246)
```
#a6e2f8
```
#a6e2f8 rgb(166,226,248)
```
#b8e8f9
```
#b8e8f9 rgb(184,232,249)
```
#caeefb
```
#caeefb rgb(202,238,251)
```
#dcf4fc
```
#dcf4fc rgb(220,244,252)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

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

#a7a8a8
```
#a7a8a8 rgb(167,168,168)
```
#a0abaf
```
#a0abaf rgb(160,171,175)
```
#9aaeb5
```
#9aaeb5 rgb(154,174,181)
```
#93b1bc
```
#93b1bc rgb(147,177,188)
```
#8cb4c3
```
#8cb4c3 rgb(140,180,195)
```
#85b7ca
```
#85b7ca rgb(133,183,202)
```
#7fbad0
```
#7fbad0 rgb(127,186,208)
```
#78bed7
```
#78bed7 rgb(120,190,215)
```
#71c1de
```
#71c1de rgb(113,193,222)
```
#6ac4e5
```
#6ac4e5 rgb(106,196,229)
```
#64c7eb
```
#64c7eb rgb(100,199,235)
```
#5dcaf2
```
#5dcaf2 rgb(93,202,242)
```
#56cdf9
```
#56cdf9 rgb(86,205,249)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bee9 Protanopia 1% of men
#b1bdf8 Deuteranopia 1% of men
#59d0df Tritanopia 0.001% of the population

Trichromacy

#95c2ec Protanomaly 1% of men, 0.01% of women
#93c2f6 Deuteranomaly 6% of men, 0.4% of women
#5acde6 Tritanomaly 0.01% of the population

#5dcaf2 hex color

#5dcaf2 Color Information

#5dcaf2 Color Conversion

Color Schemes with #5dcaf2

Alternatives to #5dcaf2

#5dcaf2 Preview

Shades and Tints of #5dcaf2

Tones of #5dcaf2

Color Blindness Simulator