#5d8bde hex color

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

♥
- f
- t
- g
- R 36
- G 55
- B 87
RGB color chart
- C 58
- M 37
- Y 0
- K 13
CMYK color chart

● #5d8bde color description : Soft blue.

The hexadecimal color #5d8bde has RGB values of R:93, G:139, B:222 and CMYK values of C:0.58, M:0.37, Y:0, K:0.13. Its decimal value is 6130654.

Hex triplet	5d8bde	`#5d8bde`
RGB Decimal	93, 139, 222	`rgb(93,139,222)`
RGB Percent	36.5, 54.5, 87.1	`rgb(36.5%,54.5%,87.1%)`
CMYK	58, 37, 0, 13
HSL	218.6°, 66.2, 61.8	`hsl(218.6,66.2%,61.8%)`
HSV (or HSB)	218.6°, 58.1, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.099, 9.004, -47.061
XYZ	26.929, 26.065, 72.715
xyY	0.214, 0.207, 26.065
CIE-LCH	58.099, 47.915, 280.832
CIE-LUV	58.099, -21.517, -75.167
Hunter-Lab	51.054, 4.807, -48.708
Binary	01011101, 10001011, 11011110

#5d8bde
```
#5d8bde rgb(93,139,222)
```
#deb05d
```
#deb05d rgb(222,176,93)
```

Complementary Color

#5dccde
```
#5dccde rgb(93,204,222)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#705dde
```
#705dde rgb(112,93,222)
```

Analogous Color

#ccde5d
```
#ccde5d rgb(204,222,93)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#de705d
```
#de705d rgb(222,112,93)
```

Split Complementary Color

#8bde5d
```
#8bde5d rgb(139,222,93)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#de5d8b
```
#de5d8b rgb(222,93,139)
```

Triadic Color

#5ddeb0
```
#5ddeb0 rgb(93,222,176)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#de5d8b
```
#de5d8b rgb(222,93,139)
```
#deb05d
```
#deb05d rgb(222,176,93)
```

Tetradic Color

#2861c6
```
#2861c6 rgb(40,97,198)
```
#336dd5
```
#336dd5 rgb(51,109,213)
```
#487cda
```
#487cda rgb(72,124,218)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#729ae2
```
#729ae2 rgb(114,154,226)
```
#87a9e7
```
#87a9e7 rgb(135,169,231)
```
#9db9eb
```
#9db9eb rgb(157,185,235)
```

Monochromatic Color

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

#5dabde
```
#5dabde rgb(93,171,222)
```
#5da1de
```
#5da1de rgb(93,161,222)
```
#5d96de
```
#5d96de rgb(93,150,222)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#5d80de
```
#5d80de rgb(93,128,222)
```
#5d76de
```
#5d76de rgb(93,118,222)
```
#5d6bde
```
#5d6bde rgb(93,107,222)
```

Similar Colors

Text with hexadecimal color #5d8bde

This text has a font color of #5d8bde.

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

#5d8bde background color

This paragraph has a background color of #5d8bde.

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

#5d8bde border color

This element has a border color of #5d8bde.

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

CSS codes

.text {color:#5d8bde;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#071022
```
#071022 rgb(7,16,34)
```
#0a1832
```
#0a1832 rgb(10,24,50)
```
#0d2042
```
#0d2042 rgb(13,32,66)
```
#112852
```
#112852 rgb(17,40,82)
```
#143063
```
#143063 rgb(20,48,99)
```
#173873
```
#173873 rgb(23,56,115)
```
#1b4083
```
#1b4083 rgb(27,64,131)
```
#1e4894
```
#1e4894 rgb(30,72,148)
```
#2150a4
```
#2150a4 rgb(33,80,164)
```
#2558b4
```
#2558b4 rgb(37,88,180)
```
#2860c5
```
#2860c5 rgb(40,96,197)
```

Shade Color Variation

#2c68d4
```
#2c68d4 rgb(44,104,212)
```
#3c74d7
```
#3c74d7 rgb(60,116,215)
```
#4d7fdb
```
#4d7fdb rgb(77,127,219)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#6d97e1
```
#6d97e1 rgb(109,151,225)
```
#7ea2e5
```
#7ea2e5 rgb(126,162,229)
```
#8eaee8
```
#8eaee8 rgb(142,174,232)
```
#9ebaeb
```
#9ebaeb rgb(158,186,235)
```
#aec5ef
```
#aec5ef rgb(174,197,239)
```
#bfd1f2
```
#bfd1f2 rgb(191,209,242)
```
#cfddf5
```
#cfddf5 rgb(207,221,245)
```
#dfe8f9
```
#dfe8f9 rgb(223,232,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#999ca2
```
#999ca2 rgb(153,156,162)
```
#929aaa
```
#929aaa rgb(146,154,170)
```
#8a98b1
```
#8a98b1 rgb(138,152,177)
```
#8396b9
```
#8396b9 rgb(131,150,185)
```
#7b94c0
```
#7b94c0 rgb(123,148,192)
```
#7491c8
```
#7491c8 rgb(116,145,200)
```
#6c8fcf
```
#6c8fcf rgb(108,143,207)
```
#658dd7
```
#658dd7 rgb(101,141,215)
```
#5d8bde
```
#5d8bde rgb(93,139,222)
```
#5689e6
```
#5689e6 rgb(86,137,230)
```
#4e87ed
```
#4e87ed rgb(78,135,237)
```
#4785f5
```
#4785f5 rgb(71,133,245)
```
#3f82fc
```
#3f82fc rgb(63,130,252)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7f8898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708fde Protanopia 1% of men
#6092df Deuteranopia 1% of men
#469da8 Tritanopia 0.001% of the population

Trichromacy

#698dde Protanomaly 1% of men, 0.01% of women
#5f8fde Deuteranomaly 6% of men, 0.4% of women
#4e96bc Tritanomaly 0.01% of the population

#5d8bde hex color

#5d8bde Color Information

#5d8bde Color Conversion

Color Schemes with #5d8bde

Alternatives to #5d8bde

#5d8bde Preview

Shades and Tints of #5d8bde

Tones of #5d8bde

Color Blindness Simulator