#5dbafd hex color

In a RGB color space, hex #5dbafd is composed of 36.5% red, 72.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 26.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 205.1 degrees, a saturation of 97.6% and a lightness of 67.8%. #5dbafd color hex could be obtained by blending #baffff with #0075fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 73
- B 99
RGB color chart
- C 63
- M 26
- Y 0
- K 1
CMYK color chart

● #5dbafd color description : Soft blue.

The hexadecimal color #5dbafd has RGB values of R:93, G:186, B:253 and CMYK values of C:0.63, M:0.26, Y:0, K:0.01. Its decimal value is 6142717.

Hex triplet	5dbafd	`#5dbafd`
RGB Decimal	93, 186, 253	`rgb(93,186,253)`
RGB Percent	36.5, 72.9, 99.2	`rgb(36.5%,72.9%,99.2%)`
CMYK	63, 26, 0, 1
HSL	205.1°, 97.6, 67.8	`hsl(205.1,97.6%,67.8%)`
HSV (or HSB)	205.1°, 63.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.584, -7.763, -41.3
XYZ	39.798, 44.534, 99.422
xyY	0.217, 0.242, 44.534
CIE-LCH	72.584, 42.023, 259.354
CIE-LUV	72.584, -37.373, -66.004
Hunter-Lab	66.734, -10.331, -41.618
Binary	01011101, 10111010, 11111101

#5dbafd
```
#5dbafd rgb(93,186,253)
```
#fda05d
```
#fda05d rgb(253,160,93)
```

Complementary Color

#5dfdf0
```
#5dfdf0 rgb(93,253,240)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#5d6afd
```
#5d6afd rgb(93,106,253)
```

Analogous Color

#fdf05d
```
#fdf05d rgb(253,240,93)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#fd5d6a
```
#fd5d6a rgb(253,93,106)
```

Split Complementary Color

#bafd5d
```
#bafd5d rgb(186,253,93)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#fd5dba
```
#fd5dba rgb(253,93,186)
```

Triadic Color

#5dfda0
```
#5dfda0 rgb(93,253,160)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#fd5dba
```
#fd5dba rgb(253,93,186)
```
#fda05d
```
#fda05d rgb(253,160,93)
```

Tetradic Color

#119afc
```
#119afc rgb(17,154,252)
```
#2ba5fc
```
#2ba5fc rgb(43,165,252)
```
#44affd
```
#44affd rgb(68,175,253)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#76c5fd
```
#76c5fd rgb(118,197,253)
```
#8fcffe
```
#8fcffe rgb(143,207,254)
```
#a9dafe
```
#a9dafe rgb(169,218,254)
```

Monochromatic Color

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

#5de2fd
```
#5de2fd rgb(93,226,253)
```
#5dd5fd
```
#5dd5fd rgb(93,213,253)
```
#5dc7fd
```
#5dc7fd rgb(93,199,253)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#5dadfd
```
#5dadfd rgb(93,173,253)
```
#5d9ffd
```
#5d9ffd rgb(93,159,253)
```
#5d92fd
```
#5d92fd rgb(93,146,253)
```

Similar Colors

Text with hexadecimal color #5dbafd

This text has a font color of #5dbafd.

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

#5dbafd background color

This paragraph has a background color of #5dbafd.

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

#5dbafd border color

This element has a border color of #5dbafd.

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

CSS codes

.text {color:#5dbafd;}

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

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

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, #00070c is the darkest color, while #f8fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#001320
```
#001320 rgb(0,19,32)
```
#011e33
```
#011e33 rgb(1,30,51)
```
#012947
```
#012947 rgb(1,41,71)
```
#01355a
```
#01355a rgb(1,53,90)
```
#01406d
```
#01406d rgb(1,64,109)
```
#024b81
```
#024b81 rgb(2,75,129)
```
#025794
```
#025794 rgb(2,87,148)
```
#0262a7
```
#0262a7 rgb(2,98,167)
```
#026ebb
```
#026ebb rgb(2,110,187)
```
#0379ce
```
#0379ce rgb(3,121,206)
```
#0384e2
```
#0384e2 rgb(3,132,226)
```
#0390f5
```
#0390f5 rgb(3,144,245)
```

Shade Color Variation

#0f99fc
```
#0f99fc rgb(15,153,252)
```
#23a1fc
```
#23a1fc rgb(35,161,252)
```
#36a9fd
```
#36a9fd rgb(54,169,253)
```
#4ab2fd
```
#4ab2fd rgb(74,178,253)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```
#70c2fd
```
#70c2fd rgb(112,194,253)
```
#84cbfd
```
#84cbfd rgb(132,203,253)
```
#97d3fe
```
#97d3fe rgb(151,211,254)
```
#abdbfe
```
#abdbfe rgb(171,219,254)
```
#bee3fe
```
#bee3fe rgb(190,227,254)
```
#d1ecfe
```
#d1ecfe rgb(209,236,254)
```
#e5f4ff
```
#e5f4ff rgb(229,244,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a9aeb1
```
#a9aeb1 rgb(169,174,177)
```
#a2afb8
```
#a2afb8 rgb(162,175,184)
```
#9cb0be
```
#9cb0be rgb(156,176,190)
```
#96b1c4
```
#96b1c4 rgb(150,177,196)
```
#8fb2cb
```
#8fb2cb rgb(143,178,203)
```
#89b3d1
```
#89b3d1 rgb(137,179,209)
```
#83b4d7
```
#83b4d7 rgb(131,180,215)
```
#7db5dd
```
#7db5dd rgb(125,181,221)
```
#76b6e4
```
#76b6e4 rgb(118,182,228)
```
#70b7ea
```
#70b7ea rgb(112,183,234)
```
#6ab8f0
```
#6ab8f0 rgb(106,184,240)
```
#63b9f7
```
#63b9f7 rgb(99,185,247)
```
#5dbafd
```
#5dbafd rgb(93,186,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97aab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b3f6 Protanopia 1% of men
#95b4ff Deuteranopia 1% of men
#49c5d4 Tritanopia 0.001% of the population

Trichromacy

#87b6f8 Protanomaly 1% of men, 0.01% of women
#81b6fe Deuteranomaly 6% of men, 0.4% of women
#50c1e3 Tritanomaly 0.01% of the population

#5dbafd hex color

#5dbafd Color Information

#5dbafd Color Conversion

Color Schemes with #5dbafd

Alternatives to #5dbafd

#5dbafd Preview

Shades and Tints of #5dbafd

Tones of #5dbafd

Color Blindness Simulator