#5b93d2 hex color

In a RGB color space, hex #5b93d2 is composed of 35.7% red, 57.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 30% magenta, 0% yellow and 17.6% black. It has a hue angle of 211.8 degrees, a saturation of 56.9% and a lightness of 59%. #5b93d2 color hex could be obtained by blending #b6ffff with #0027a5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 58
- B 82
RGB color chart
- C 57
- M 30
- Y 0
- K 18
CMYK color chart

● #5b93d2 color description : Moderate blue.

The hexadecimal color #5b93d2 has RGB values of R:91, G:147, B:210 and CMYK values of C:0.57, M:0.3, Y:0, K:0.18. Its decimal value is 6001618.

Hex triplet	5b93d2	`#5b93d2`
RGB Decimal	91, 147, 210	`rgb(91,147,210)`
RGB Percent	35.7, 57.6, 82.4	`rgb(35.7%,57.6%,82.4%)`
CMYK	57, 30, 0, 18
HSL	211.8°, 56.9, 59	`hsl(211.8,56.9%,59%)`
HSV (or HSB)	211.8°, 56.7, 82.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.656, 0.038, -37.904
XYZ	26.378, 27.743, 64.934
xyY	0.222, 0.233, 27.743
CIE-LCH	59.656, 37.904, 270.058
CIE-LUV	59.656, -25.037, -59.376
Hunter-Lab	52.672, -2.782, -36.223
Binary	01011011, 10010011, 11010010

#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#d29a5b
```
#d29a5b rgb(210,154,91)
```

Complementary Color

#5bcfd2
```
#5bcfd2 rgb(91,207,210)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#5f5bd2
```
#5f5bd2 rgb(95,91,210)
```

Analogous Color

#cfd25b
```
#cfd25b rgb(207,210,91)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#d25f5b
```
#d25f5b rgb(210,95,91)
```

Split Complementary Color

#93d25b
```
#93d25b rgb(147,210,91)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#d25b93
```
#d25b93 rgb(210,91,147)
```

Triadic Color

#5bd29a
```
#5bd29a rgb(91,210,154)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#d25b93
```
#d25b93 rgb(210,91,147)
```
#d29a5b
```
#d29a5b rgb(210,154,91)
```

Tetradic Color

#306cb0
```
#306cb0 rgb(48,108,176)
```
#3679c4
```
#3679c4 rgb(54,121,196)
```
#4786cd
```
#4786cd rgb(71,134,205)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#6fa0d7
```
#6fa0d7 rgb(111,160,215)
```
#83addd
```
#83addd rgb(131,173,221)
```
#97bbe2
```
#97bbe2 rgb(151,187,226)
```

Monochromatic Color

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

#5bb1d2
```
#5bb1d2 rgb(91,177,210)
```
#5ba7d2
```
#5ba7d2 rgb(91,167,210)
```
#5b9dd2
```
#5b9dd2 rgb(91,157,210)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#5b89d2
```
#5b89d2 rgb(91,137,210)
```
#5b7fd2
```
#5b7fd2 rgb(91,127,210)
```
#5b75d2
```
#5b75d2 rgb(91,117,210)
```

Similar Colors

Text with hexadecimal color #5b93d2

This text has a font color of #5b93d2.

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

#5b93d2 background color

This paragraph has a background color of #5b93d2.

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

#5b93d2 border color

This element has a border color of #5b93d2.

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

CSS codes

.text {color:#5b93d2;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0a1624
```
#0a1624 rgb(10,22,36)
```
#0e2033
```
#0e2033 rgb(14,32,51)
```
#122943
```
#122943 rgb(18,41,67)
```
#173352
```
#173352 rgb(23,51,82)
```
#1b3c62
```
#1b3c62 rgb(27,60,98)
```
#1f4671
```
#1f4671 rgb(31,70,113)
```
#234f80
```
#234f80 rgb(35,79,128)
```
#275990
```
#275990 rgb(39,89,144)
```
#2c629f
```
#2c629f rgb(44,98,159)
```
#306caf
```
#306caf rgb(48,108,175)
```
#3475be
```
#3475be rgb(52,117,190)
```

Shade Color Variation

#3c7fca
```
#3c7fca rgb(60,127,202)
```
#4c89ce
```
#4c89ce rgb(76,137,206)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#6a9dd6
```
#6a9dd6 rgb(106,157,214)
```
#7aa7da
```
#7aa7da rgb(122,167,218)
```
#89b1df
```
#89b1df rgb(137,177,223)
```
#99bce3
```
#99bce3 rgb(153,188,227)
```
#a8c6e7
```
#a8c6e7 rgb(168,198,231)
```
#b7d0eb
```
#b7d0eb rgb(183,208,235)
```
#c7daf0
```
#c7daf0 rgb(199,218,240)
```
#d6e4f4
```
#d6e4f4 rgb(214,228,244)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93969a is the less saturated color, while #3391fa is the most saturated one.

#93969a
```
#93969a rgb(147,150,154)
```
#8b96a2
```
#8b96a2 rgb(139,150,162)
```
#8395aa
```
#8395aa rgb(131,149,170)
```
#7b95b2
```
#7b95b2 rgb(123,149,178)
```
#7394ba
```
#7394ba rgb(115,148,186)
```
#6b94c2
```
#6b94c2 rgb(107,148,194)
```
#6393ca
```
#6393ca rgb(99,147,202)
```
#5b93d2
```
#5b93d2 rgb(91,147,210)
```
#5393da
```
#5393da rgb(83,147,218)
```
#4b92e2
```
#4b92e2 rgb(75,146,226)
```
#4392ea
```
#4392ea rgb(67,146,234)
```
#3b91f2
```
#3b91f2 rgb(59,145,242)
```
#3391fa
```
#3391fa rgb(51,145,250)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#808b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8093d0 Protanopia 1% of men
#7694d5 Deuteranopia 1% of men
#4fa0ac Tritanopia 0.001% of the population

Trichromacy

#7293d1 Protanomaly 1% of men, 0.01% of women
#6c94d4 Deuteranomaly 6% of men, 0.4% of women
#539bba Tritanomaly 0.01% of the population

#5b93d2 hex color

#5b93d2 Color Information

#5b93d2 Color Conversion

Color Schemes with #5b93d2

Alternatives to #5b93d2

#5b93d2 Preview

Shades and Tints of #5b93d2

Tones of #5b93d2

Color Blindness Simulator