#5dabd6 hex color

In a RGB color space, hex #5dabd6 is composed of 36.5% red, 67.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 20.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 201.3 degrees, a saturation of 59.6% and a lightness of 60.2%. #5dabd6 color hex could be obtained by blending #baffff with #0057ad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 84
RGB color chart
- C 57
- M 20
- Y 0
- K 16
CMYK color chart

● #5dabd6 color description : Moderate blue.

The hexadecimal color #5dabd6 has RGB values of R:93, G:171, B:214 and CMYK values of C:0.57, M:0.2, Y:0, K:0.16. Its decimal value is 6138838.

Hex triplet	5dabd6	`#5dabd6`
RGB Decimal	93, 171, 214	`rgb(93,171,214)`
RGB Percent	36.5, 67.1, 83.9	`rgb(36.5%,67.1%,83.9%)`
CMYK	57, 20, 0, 16
HSL	201.3°, 59.6, 60.2	`hsl(201.3,59.6%,60.2%)`
HSV (or HSB)	201.3°, 56.5, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.753, -11.739, -29.092
XYZ	31.212, 36.306, 68.978
xyY	0.229, 0.266, 36.306
CIE-LCH	66.753, 31.371, 248.026
CIE-LUV	66.753, -33.27, -44.157
Hunter-Lab	60.254, -12.983, -25.695
Binary	01011101, 10101011, 11010110

#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#d6885d
```
#d6885d rgb(214,136,93)
```

Complementary Color

#5dd6c5
```
#5dd6c5 rgb(93,214,197)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#5d6fd6
```
#5d6fd6 rgb(93,111,214)
```

Analogous Color

#d6c55d
```
#d6c55d rgb(214,197,93)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#d65d6f
```
#d65d6f rgb(214,93,111)
```

Split Complementary Color

#abd65d
```
#abd65d rgb(171,214,93)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#d65dab
```
#d65dab rgb(214,93,171)
```

Triadic Color

#5dd688
```
#5dd688 rgb(93,214,136)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#d65dab
```
#d65dab rgb(214,93,171)
```
#d6885d
```
#d6885d rgb(214,136,93)
```

Tetradic Color

#2f87b8
```
#2f87b8 rgb(47,135,184)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#49a0d1
```
#49a0d1 rgb(73,160,209)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#71b6db
```
#71b6db rgb(113,182,219)
```
#86c0e0
```
#86c0e0 rgb(134,192,224)
```
#9acbe5
```
#9acbe5 rgb(154,203,229)
```

Monochromatic Color

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

#5dc9d6
```
#5dc9d6 rgb(93,201,214)
```
#5dbfd6
```
#5dbfd6 rgb(93,191,214)
```
#5db5d6
```
#5db5d6 rgb(93,181,214)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#5da1d6
```
#5da1d6 rgb(93,161,214)
```
#5d97d6
```
#5d97d6 rgb(93,151,214)
```
#5d8dd6
```
#5d8dd6 rgb(93,141,214)
```

Similar Colors

Text with hexadecimal color #5dabd6

This text has a font color of #5dabd6.

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

#5dabd6 background color

This paragraph has a background color of #5dabd6.

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

#5dabd6 border color

This element has a border color of #5dabd6.

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

CSS codes

.text {color:#5dabd6;}

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

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

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#07131a
```
#07131a rgb(7,19,26)
```
#0b1e29
```
#0b1e29 rgb(11,30,41)
```
#0e2a39
```
#0e2a39 rgb(14,42,57)
```
#123549
```
#123549 rgb(18,53,73)
```
#164158
```
#164158 rgb(22,65,88)
```
#1a4c68
```
#1a4c68 rgb(26,76,104)
```
#1e5878
```
#1e5878 rgb(30,88,120)
```
#226387
```
#226387 rgb(34,99,135)
```
#266f97
```
#266f97 rgb(38,111,151)
```
#2a7aa7
```
#2a7aa7 rgb(42,122,167)
```
#2e86b6
```
#2e86b6 rgb(46,134,182)
```
#3291c6
```
#3291c6 rgb(50,145,198)
```

Shade Color Variation

#3e9bce
```
#3e9bce rgb(62,155,206)
```
#4da3d2
```
#4da3d2 rgb(77,163,210)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#6db3da
```
#6db3da rgb(109,179,218)
```
#7cbbde
```
#7cbbde rgb(124,187,222)
```
#8cc3e2
```
#8cc3e2 rgb(140,195,226)
```
#9ccbe6
```
#9ccbe6 rgb(156,203,230)
```
#abd4ea
```
#abd4ea rgb(171,212,234)
```
#bbdcee
```
#bbdcee rgb(187,220,238)
```
#cbe4f2
```
#cbe4f2 rgb(203,228,242)
```
#daecf6
```
#daecf6 rgb(218,236,246)
```
#eaf4fa
```
#eaf4fa rgb(234,244,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949b9f is the less saturated color, while #36b6fd is the most saturated one.

#949b9f
```
#949b9f rgb(148,155,159)
```
#8c9da7
```
#8c9da7 rgb(140,157,167)
```
#84a0af
```
#84a0af rgb(132,160,175)
```
#7ca2b7
```
#7ca2b7 rgb(124,162,183)
```
#74a4bf
```
#74a4bf rgb(116,164,191)
```
#6da6c6
```
#6da6c6 rgb(109,166,198)
```
#65a9ce
```
#65a9ce rgb(101,169,206)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#55adde
```
#55adde rgb(85,173,222)
```
#4db0e6
```
#4db0e6 rgb(77,176,230)
```
#46b2ed
```
#46b2ed rgb(70,178,237)
```
#3eb4f5
```
#3eb4f5 rgb(62,180,245)
```
#36b6fd
```
#36b6fd rgb(54,182,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8d9da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba5d1 Protanopia 1% of men
#96a5dc Deuteranopia 1% of men
#59b3c0 Tritanopia 0.001% of the population

Trichromacy

#84a7d3 Protanomaly 1% of men, 0.01% of women
#81a7d9 Deuteranomaly 6% of men, 0.4% of women
#5ab0c8 Tritanomaly 0.01% of the population

#5dabd6 hex color

#5dabd6 Color Information

#5dabd6 Color Conversion

Color Schemes with #5dabd6

Alternatives to #5dabd6

#5dabd6 Preview

Shades and Tints of #5dabd6

Tones of #5dabd6

Color Blindness Simulator