colorhexa.com

#5d9bde hex color

In a RGB color space, hex #5d9bde is composed of 36.5% red, 60.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 30.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 211.2 degrees, a saturation of 66.2% and a lightness of 61.8%. #5d9bde color hex could be obtained by blending #baffff with #0037bd. Closest websafe color is: #6699cc.

- R 36
- G 61
- B 87
RGB color chart
- C 58
- M 30
- Y 0
- K 13
CMYK color chart

● #5d9bde color description : Soft blue.

The hexadecimal color #5d9bde has RGB values of R:93, G:155, B:222 and CMYK values of C:0.58, M:0.3, Y:0, K:0.13. Its decimal value is 6134750.

Hex triplet	5d9bde	`#5d9bde`
RGB Decimal	93, 155, 222	`rgb(93,155,222)`
RGB Percent	36.5, 60.8, 87.1	`rgb(36.5%,60.8%,87.1%)`
CMYK	58, 30, 0, 13
HSL	211.2°, 66.2, 61.8	`hsl(211.2,66.2%,61.8%)`
HSV (or HSB)	211.2°, 58.1, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.543, -0.334, -40.061
XYZ	29.417, 31.042, 73.545
xyY	0.22, 0.232, 31.042
CIE-LCH	62.543, 40.062, 269.523
CIE-LUV	62.543, -27.176, -63.394
Hunter-Lab	55.715, -3.255, -39.263
Binary	01011101, 10011011, 11011110

#5d9bde
```
#5d9bde rgb(93,155,222)
```
#dea05d
```
#dea05d rgb(222,160,93)
```

Complementary Color

#5ddcde
```
#5ddcde rgb(93,220,222)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#605dde
```
#605dde rgb(96,93,222)
```

Analogous Color

#dcde5d
```
#dcde5d rgb(220,222,93)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#de605d
```
#de605d rgb(222,96,93)
```

Split Complementary Color

#9bde5d
```
#9bde5d rgb(155,222,93)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#de5d9b
```
#de5d9b rgb(222,93,155)
```

Triadic Color

#5ddea0
```
#5ddea0 rgb(93,222,160)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#de5d9b
```
#de5d9b rgb(222,93,155)
```
#dea05d
```
#dea05d rgb(222,160,93)
```

Tetradic Color

#2874c6
```
#2874c6 rgb(40,116,198)
```
#3381d5
```
#3381d5 rgb(51,129,213)
```
#488eda
```
#488eda rgb(72,142,218)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#72a8e2
```
#72a8e2 rgb(114,168,226)
```
#87b5e7
```
#87b5e7 rgb(135,181,231)
```
#9dc2eb
```
#9dc2eb rgb(157,194,235)
```

Monochromatic Color

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

#5dbbde
```
#5dbbde rgb(93,187,222)
```
#5db1de
```
#5db1de rgb(93,177,222)
```
#5da6de
```
#5da6de rgb(93,166,222)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#5d90de
```
#5d90de rgb(93,144,222)
```
#5d86de
```
#5d86de rgb(93,134,222)
```
#5d7bde
```
#5d7bde rgb(93,123,222)
```

Similar Colors

Text with hexadecimal color #5d9bde

This text has a font color of #5d9bde.

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

#5d9bde background color

This paragraph has a background color of #5d9bde.

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

#5d9bde border color

This element has a border color of #5d9bde.

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

CSS codes

.text {color:#5d9bde;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#071422
```
#071422 rgb(7,20,34)
```
#0a1d32
```
#0a1d32 rgb(10,29,50)
```
#0d2742
```
#0d2742 rgb(13,39,66)
```
#113052
```
#113052 rgb(17,48,82)
```
#143a63
```
#143a63 rgb(20,58,99)
```
#174373
```
#174373 rgb(23,67,115)
```
#1b4d83
```
#1b4d83 rgb(27,77,131)
```
#1e5794
```
#1e5794 rgb(30,87,148)
```
#2160a4
```
#2160a4 rgb(33,96,164)
```
#256ab4
```
#256ab4 rgb(37,106,180)
```
#2873c5
```
#2873c5 rgb(40,115,197)
```

Shade Color Variation

#2c7dd4
```
#2c7dd4 rgb(44,125,212)
```
#3c87d7
```
#3c87d7 rgb(60,135,215)
```
#4d91db
```
#4d91db rgb(77,145,219)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#6da5e1
```
#6da5e1 rgb(109,165,225)
```
#7eafe5
```
#7eafe5 rgb(126,175,229)
```
#8eb9e8
```
#8eb9e8 rgb(142,185,232)
```
#9ec3eb
```
#9ec3eb rgb(158,195,235)
```
#aecdef
```
#aecdef rgb(174,205,239)
```
#bfd7f2
```
#bfd7f2 rgb(191,215,242)
```
#cfe1f5
```
#cfe1f5 rgb(207,225,245)
```
#dfebf9
```
#dfebf9 rgb(223,235,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999da2 is the less saturated color, while #3f9afc is the most saturated one.

#999da2
```
#999da2 rgb(153,157,162)
```
#929daa
```
#929daa rgb(146,157,170)
```
#8a9db1
```
#8a9db1 rgb(138,157,177)
```
#839cb9
```
#839cb9 rgb(131,156,185)
```
#7b9cc0
```
#7b9cc0 rgb(123,156,192)
```
#749cc8
```
#749cc8 rgb(116,156,200)
```
#6c9ccf
```
#6c9ccf rgb(108,156,207)
```
#659bd7
```
#659bd7 rgb(101,155,215)
```
#5d9bde
```
#5d9bde rgb(93,155,222)
```
#569be6
```
#569be6 rgb(86,155,230)
```
#4e9aed
```
#4e9aed rgb(78,154,237)
```
#479af5
```
#479af5 rgb(71,154,245)
```
#3f9afc
```
#3f9afc rgb(63,154,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8692a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#859adb Protanopia 1% of men
#7b9be1 Deuteranopia 1% of men
#4ea8b5 Tritanopia 0.001% of the population

Trichromacy

#779adc Protanomaly 1% of men, 0.01% of women
#709be0 Deuteranomaly 6% of men, 0.4% of women
#53a3c4 Tritanomaly 0.01% of the population