#5dbdf6 hex color

In a RGB color space, hex #5dbdf6 is composed of 36.5% red, 74.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 23.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 202.4 degrees, a saturation of 89.5% and a lightness of 66.5%. #5dbdf6 color hex could be obtained by blending #baffff with #007bed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 96
RGB color chart
- C 62
- M 23
- Y 0
- K 4
CMYK color chart

● #5dbdf6 color description : Soft blue.

The hexadecimal color #5dbdf6 has RGB values of R:93, G:189, B:246 and CMYK values of C:0.62, M:0.23, Y:0, K:0.04. Its decimal value is 6143478.

Hex triplet	5dbdf6	`#5dbdf6`
RGB Decimal	93, 189, 246	`rgb(93,189,246)`
RGB Percent	36.5, 74.1, 96.5	`rgb(36.5%,74.1%,96.5%)`
CMYK	62, 23, 0, 4
HSL	202.4°, 89.5, 66.5	`hsl(202.4,89.5%,66.5%)`
HSV (or HSB)	202.4°, 62.2, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.137, -11.582, -36.664
XYZ	39.342, 45.373, 93.868
xyY	0.22, 0.254, 45.373
CIE-LCH	73.137, 38.45, 252.469
CIE-LUV	73.137, -38.71, -57.624
Hunter-Lab	67.36, -13.625, -35.471
Binary	01011101, 10111101, 11110110

#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#f6965d
```
#f6965d rgb(246,150,93)
```

Complementary Color

#5df6e3
```
#5df6e3 rgb(93,246,227)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#5d71f6
```
#5d71f6 rgb(93,113,246)
```

Analogous Color

#f6e35d
```
#f6e35d rgb(246,227,93)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#f65d71
```
#f65d71 rgb(246,93,113)
```

Split Complementary Color

#bdf65d
```
#bdf65d rgb(189,246,93)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#f65dbd
```
#f65dbd rgb(246,93,189)
```

Triadic Color

#5df696
```
#5df696 rgb(93,246,150)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#f65dbd
```
#f65dbd rgb(246,93,189)
```
#f6965d
```
#f6965d rgb(246,150,93)
```

Tetradic Color

#159ff2
```
#159ff2 rgb(21,159,242)
```
#2da9f3
```
#2da9f3 rgb(45,169,243)
```
#45b3f5
```
#45b3f5 rgb(69,179,245)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#75c7f7
```
#75c7f7 rgb(117,199,247)
```
#8dd1f9
```
#8dd1f9 rgb(141,209,249)
```
#a5dbfa
```
#a5dbfa rgb(165,219,250)
```

Monochromatic Color

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

#5de3f6
```
#5de3f6 rgb(93,227,246)
```
#5dd7f6
```
#5dd7f6 rgb(93,215,246)
```
#5dcaf6
```
#5dcaf6 rgb(93,202,246)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#5db0f6
```
#5db0f6 rgb(93,176,246)
```
#5da4f6
```
#5da4f6 rgb(93,164,246)
```
#5d97f6
```
#5d97f6 rgb(93,151,246)
```

Similar Colors

Text with hexadecimal color #5dbdf6

This text has a font color of #5dbdf6.

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

#5dbdf6 background color

This paragraph has a background color of #5dbdf6.

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

#5dbdf6 border color

This element has a border color of #5dbdf6.

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

CSS codes

.text {color:#5dbdf6;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010f18
```
#010f18 rgb(1,15,24)
```
#021b2a
```
#021b2a rgb(2,27,42)
```
#03283d
```
#03283d rgb(3,40,61)
```
#043450
```
#043450 rgb(4,52,80)
```
#054062
```
#054062 rgb(5,64,98)
```
#064c75
```
#064c75 rgb(6,76,117)
```
#085887
```
#085887 rgb(8,88,135)
```
#09649a
```
#09649a rgb(9,100,154)
```
#0a70ac
```
#0a70ac rgb(10,112,172)
```
#0b7cbf
```
#0b7cbf rgb(11,124,191)
```
#0c88d2
```
#0c88d2 rgb(12,136,210)
```
#0d94e4
```
#0d94e4 rgb(13,148,228)
```

Shade Color Variation

#139ff2
```
#139ff2 rgb(19,159,242)
```
#25a6f3
```
#25a6f3 rgb(37,166,243)
```
#38aef4
```
#38aef4 rgb(56,174,244)
```
#4ab5f5
```
#4ab5f5 rgb(74,181,245)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#70c5f7
```
#70c5f7 rgb(112,197,247)
```
#82ccf8
```
#82ccf8 rgb(130,204,248)
```
#95d4f9
```
#95d4f9 rgb(149,212,249)
```
#a7dbfa
```
#a7dbfa rgb(167,219,250)
```
#bae3fb
```
#bae3fb rgb(186,227,251)
```
#cceafc
```
#cceafc rgb(204,234,252)
```
#dff2fd
```
#dff2fd rgb(223,242,253)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#a5abae
```
#a5abae rgb(165,171,174)
```
#9facb4
```
#9facb4 rgb(159,172,180)
```
#98aebb
```
#98aebb rgb(152,174,187)
```
#92b0c1
```
#92b0c1 rgb(146,176,193)
```
#8bb1c8
```
#8bb1c8 rgb(139,177,200)
```
#84b3cf
```
#84b3cf rgb(132,179,207)
```
#7eb5d5
```
#7eb5d5 rgb(126,181,213)
```
#77b6dc
```
#77b6dc rgb(119,182,220)
```
#71b8e2
```
#71b8e2 rgb(113,184,226)
```
#6abae9
```
#6abae9 rgb(106,186,233)
```
#64bbef
```
#64bbef rgb(100,187,239)
```
#5dbdf6
```
#5dbdf6 rgb(93,189,246)
```
#56bffd
```
#56bffd rgb(86,191,253)
```

Tone Color Variation

Below, you can see how #5dbdf6 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
#98abb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b5ee Protanopia 1% of men
#9db5fa Deuteranopia 1% of men
#50c6d5 Tritanopia 0.001% of the population

Trichromacy

#8bb8f1 Protanomaly 1% of men, 0.01% of women
#86b8f8 Deuteranomaly 6% of men, 0.4% of women
#54c3e1 Tritanomaly 0.01% of the population

#5dbdf6 hex color

#5dbdf6 Color Information

#5dbdf6 Color Conversion

Color Schemes with #5dbdf6

Alternatives to #5dbdf6

#5dbdf6 Preview

Shades and Tints of #5dbdf6

Tones of #5dbdf6

Color Blindness Simulator