colorhexa.com

#5dbdfa hex color

In a RGB color space, hex #5dbdfa is composed of 36.5% red, 74.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 24.4% magenta, 0% yellow and 2% black. It has a hue angle of 203.3 degrees, a saturation of 94% and a lightness of 67.3%. #5dbdfa color hex could be obtained by blending #baffff with #007bf5. Closest websafe color is: #66ccff.

- R 36
- G 74
- B 98
RGB color chart
- C 63
- M 24
- Y 0
- K 2
CMYK color chart

● #5dbdfa color description : Soft blue.

The hexadecimal color #5dbdfa has RGB values of R:93, G:189, B:250 and CMYK values of C:0.63, M:0.24, Y:0, K:0.02. Its decimal value is 6143482.

Hex triplet	5dbdfa	`#5dbdfa`
RGB Decimal	93, 189, 250	`rgb(93,189,250)`
RGB Percent	36.5, 74.1, 98	`rgb(36.5%,74.1%,98%)`
CMYK	63, 24, 0, 2
HSL	203.3°, 94, 67.3	`hsl(203.3,94%,67.3%)`
HSV (or HSB)	203.3°, 62.8, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.299, -10.332, -38.569
XYZ	39.963, 45.622, 97.137
xyY	0.219, 0.25, 45.622
CIE-LCH	73.299, 39.929, 255.003
CIE-LUV	73.299, -38.553, -61.069
Hunter-Lab	67.544, -12.59, -37.986
Binary	01011101, 10111101, 11111010

#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#fa9a5d
```
#fa9a5d rgb(250,154,93)
```

Complementary Color

#5dfae9
```
#5dfae9 rgb(93,250,233)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#5d6ffa
```
#5d6ffa rgb(93,111,250)
```

Analogous Color

#fae95d
```
#fae95d rgb(250,233,93)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#fa5d6f
```
#fa5d6f rgb(250,93,111)
```

Split Complementary Color

#bdfa5d
```
#bdfa5d rgb(189,250,93)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#fa5dbd
```
#fa5dbd rgb(250,93,189)
```

Triadic Color

#5dfa9a
```
#5dfa9a rgb(93,250,154)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#fa5dbd
```
#fa5dbd rgb(250,93,189)
```
#fa9a5d
```
#fa9a5d rgb(250,154,93)
```

Tetradic Color

#139ff8
```
#139ff8 rgb(19,159,248)
```
#2ca9f8
```
#2ca9f8 rgb(44,169,248)
```
#44b3f9
```
#44b3f9 rgb(68,179,249)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#76c7fb
```
#76c7fb rgb(118,199,251)
```
#8ed1fc
```
#8ed1fc rgb(142,209,252)
```
#a7dbfc
```
#a7dbfc rgb(167,219,252)
```

Monochromatic Color

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

#5de4fa
```
#5de4fa rgb(93,228,250)
```
#5dd7fa
```
#5dd7fa rgb(93,215,250)
```
#5dcafa
```
#5dcafa rgb(93,202,250)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#5db0fa
```
#5db0fa rgb(93,176,250)
```
#5da3fa
```
#5da3fa rgb(93,163,250)
```
#5d96fa
```
#5d96fa rgb(93,150,250)
```

Similar Colors

Text with hexadecimal color #5dbdfa

This text has a font color of #5dbdfa.

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

#5dbdfa background color

This paragraph has a background color of #5dbdfa.

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

#5dbdfa border color

This element has a border color of #5dbdfa.

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

CSS codes

.text {color:#5dbdfa;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#01121c
```
#01121c rgb(1,18,28)
```
#011d2f
```
#011d2f rgb(1,29,47)
```
#022942
```
#022942 rgb(2,41,66)
```
#033555
```
#033555 rgb(3,53,85)
```
#034168
```
#034168 rgb(3,65,104)
```
#044d7b
```
#044d7b rgb(4,77,123)
```
#04598e
```
#04598e rgb(4,89,142)
```
#0565a1
```
#0565a1 rgb(5,101,161)
```
#0671b5
```
#0671b5 rgb(6,113,181)
```
#067cc8
```
#067cc8 rgb(6,124,200)
```
#0788db
```
#0788db rgb(7,136,219)
```
#0794ee
```
#0794ee rgb(7,148,238)
```

Shade Color Variation

#119ef8
```
#119ef8 rgb(17,158,248)
```
#24a6f8
```
#24a6f8 rgb(36,166,248)
```
#37adf9
```
#37adf9 rgb(55,173,249)
```
#4ab5f9
```
#4ab5f9 rgb(74,181,249)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```
#70c5fb
```
#70c5fb rgb(112,197,251)
```
#83cdfb
```
#83cdfb rgb(131,205,251)
```
#96d4fc
```
#96d4fc rgb(150,212,252)
```
#a9dcfc
```
#a9dcfc rgb(169,220,252)
```
#bce4fd
```
#bce4fd rgb(188,228,253)
```
#cfecfe
```
#cfecfe rgb(207,236,254)
```
#e2f3fe
```
#e2f3fe rgb(226,243,254)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#aaacad
```
#aaacad rgb(170,172,173)
```
#a4adb3
```
#a4adb3 rgb(164,173,179)
```
#9dafba
```
#9dafba rgb(157,175,186)
```
#97b0c0
```
#97b0c0 rgb(151,176,192)
```
#90b2c7
```
#90b2c7 rgb(144,178,199)
```
#8ab3cd
```
#8ab3cd rgb(138,179,205)
```
#84b4d3
```
#84b4d3 rgb(132,180,211)
```
#7db6da
```
#7db6da rgb(125,182,218)
```
#77b7e0
```
#77b7e0 rgb(119,183,224)
```
#70b9e7
```
#70b9e7 rgb(112,185,231)
```
#6abaed
```
#6abaed rgb(106,186,237)
```
#63bcf4
```
#63bcf4 rgb(99,188,244)
```
#5dbdfa
```
#5dbdfa rgb(93,189,250)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#98abb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b5f2 Protanopia 1% of men
#9bb6fe Deuteranopia 1% of men
#4dc7d6 Tritanopia 0.001% of the population

Trichromacy

#8ab8f5 Protanomaly 1% of men, 0.01% of women
#84b8fc Deuteranomaly 6% of men, 0.4% of women
#52c3e3 Tritanomaly 0.01% of the population