#5d96d4 hex color

In a RGB color space, hex #5d96d4 is composed of 36.5% red, 58.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 29.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 211.3 degrees, a saturation of 58% and a lightness of 59.8%. #5d96d4 color hex could be obtained by blending #baffff with #002da9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 59
- B 83
RGB color chart
- C 56
- M 29
- Y 0
- K 17
CMYK color chart

● #5d96d4 color description : Moderate blue.

The hexadecimal color #5d96d4 has RGB values of R:93, G:150, B:212 and CMYK values of C:0.56, M:0.29, Y:0, K:0.17. Its decimal value is 6133460.

Hex triplet	5d96d4	`#5d96d4`
RGB Decimal	93, 150, 212	`rgb(93,150,212)`
RGB Percent	36.5, 58.8, 83.1	`rgb(36.5%,58.8%,83.1%)`
CMYK	56, 29, 0, 17
HSL	211.3°, 58, 59.8	`hsl(211.3,58%,59.8%)`
HSV (or HSB)	211.3°, 56.1, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.686, -0.64, -37.404
XYZ	27.301, 28.892, 66.422
xyY	0.223, 0.236, 28.892
CIE-LCH	60.686, 37.409, 269.02
CIE-LUV	60.686, -25.531, -58.635
Hunter-Lab	53.751, -3.4, -35.641
Binary	01011101, 10010110, 11010100

#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#d49b5d
```
#d49b5d rgb(212,155,93)
```

Complementary Color

#5dd2d4
```
#5dd2d4 rgb(93,210,212)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#605dd4
```
#605dd4 rgb(96,93,212)
```

Analogous Color

#d2d45d
```
#d2d45d rgb(210,212,93)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#d45f5d
```
#d45f5d rgb(212,95,93)
```

Split Complementary Color

#96d45d
```
#96d45d rgb(150,212,93)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#d45d96
```
#d45d96 rgb(212,93,150)
```

Triadic Color

#5dd49b
```
#5dd49b rgb(93,212,155)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#d45d96
```
#d45d96 rgb(212,93,150)
```
#d49b5d
```
#d49b5d rgb(212,155,93)
```

Tetradic Color

#306fb5
```
#306fb5 rgb(48,111,181)
```
#357cc9
```
#357cc9 rgb(53,124,201)
```
#4989cf
```
#4989cf rgb(73,137,207)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#71a3d9
```
#71a3d9 rgb(113,163,217)
```
#85b0df
```
#85b0df rgb(133,176,223)
```
#99bde4
```
#99bde4 rgb(153,189,228)
```

Monochromatic Color

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

#5db4d4
```
#5db4d4 rgb(93,180,212)
```
#5daad4
```
#5daad4 rgb(93,170,212)
```
#5da0d4
```
#5da0d4 rgb(93,160,212)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#5d8cd4
```
#5d8cd4 rgb(93,140,212)
```
#5d82d4
```
#5d82d4 rgb(93,130,212)
```
#5d78d4
```
#5d78d4 rgb(93,120,212)
```

Similar Colors

Text with hexadecimal color #5d96d4

This text has a font color of #5d96d4.

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

#5d96d4 background color

This paragraph has a background color of #5d96d4.

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

#5d96d4 border color

This element has a border color of #5d96d4.

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

CSS codes

.text {color:#5d96d4;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060f18
```
#060f18 rgb(6,15,24)
```
#0a1828
```
#0a1828 rgb(10,24,40)
```
#0f2237
```
#0f2237 rgb(15,34,55)
```
#132c47
```
#132c47 rgb(19,44,71)
```
#173556
```
#173556 rgb(23,53,86)
```
#1b3f66
```
#1b3f66 rgb(27,63,102)
```
#1f4875
```
#1f4875 rgb(31,72,117)
```
#235285
```
#235285 rgb(35,82,133)
```
#275b94
```
#275b94 rgb(39,91,148)
```
#2b65a4
```
#2b65a4 rgb(43,101,164)
```
#306fb3
```
#306fb3 rgb(48,111,179)
```
#3478c3
```
#3478c3 rgb(52,120,195)
```

Shade Color Variation

#3e82cc
```
#3e82cc rgb(62,130,204)
```
#4d8cd0
```
#4d8cd0 rgb(77,140,208)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#6da0d8
```
#6da0d8 rgb(109,160,216)
```
#7caadc
```
#7caadc rgb(124,170,220)
```
#8cb4e0
```
#8cb4e0 rgb(140,180,224)
```
#9bbee4
```
#9bbee4 rgb(155,190,228)
```
#abc8e9
```
#abc8e9 rgb(171,200,233)
```
#bad2ed
```
#bad2ed rgb(186,210,237)
```
#cadcf1
```
#cadcf1 rgb(202,220,241)
```
#d9e6f5
```
#d9e6f5 rgb(217,230,245)
```
#e9f0f9
```
#e9f0f9 rgb(233,240,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94989d is the less saturated color, while #3694fb is the most saturated one.

#94989d
```
#94989d rgb(148,152,157)
```
#8c98a5
```
#8c98a5 rgb(140,152,165)
```
#8498ad
```
#8498ad rgb(132,152,173)
```
#7d97b4
```
#7d97b4 rgb(125,151,180)
```
#7597bc
```
#7597bc rgb(117,151,188)
```
#6d97c4
```
#6d97c4 rgb(109,151,196)
```
#6596cc
```
#6596cc rgb(101,150,204)
```
#5d96d4
```
#5d96d4 rgb(93,150,212)
```
#5596dc
```
#5596dc rgb(85,150,220)
```
#4d95e4
```
#4d95e4 rgb(77,149,228)
```
#4595ec
```
#4595ec rgb(69,149,236)
```
#3d95f4
```
#3d95f4 rgb(61,149,244)
```
#3694fb
```
#3694fb rgb(54,148,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#838e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8395d2 Protanopia 1% of men
#7a97d7 Deuteranopia 1% of men
#51a3af Tritanopia 0.001% of the population

Trichromacy

#7595d2 Protanomaly 1% of men, 0.01% of women
#6f96d6 Deuteranomaly 6% of men, 0.4% of women
#559ebc Tritanomaly 0.01% of the population

#5d96d4 hex color

#5d96d4 Color Information

#5d96d4 Color Conversion

Color Schemes with #5d96d4

Alternatives to #5d96d4

#5d96d4 Preview

Shades and Tints of #5d96d4

Tones of #5d96d4

Color Blindness Simulator