#5b7bdf hex color

In a RGB color space, hex #5b7bdf is composed of 35.7% red, 48.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 44.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 225.5 degrees, a saturation of 67.3% and a lightness of 61.6%. #5b7bdf color hex could be obtained by blending #b6f6ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 87
RGB color chart
- C 59
- M 45
- Y 0
- K 13
CMYK color chart

● #5b7bdf color description : Soft blue.

The hexadecimal color #5b7bdf has RGB values of R:91, G:123, B:223 and CMYK values of C:0.59, M:0.45, Y:0, K:0.13. Its decimal value is 5995487.

Hex triplet	5b7bdf	`#5b7bdf`
RGB Decimal	91, 123, 223	`rgb(91,123,223)`
RGB Percent	35.7, 48.2, 87.5	`rgb(35.7%,48.2%,87.5%)`
CMYK	59, 45, 0, 13
HSL	225.5°, 67.3, 61.6	`hsl(225.5,67.3%,61.6%)`
HSV (or HSB)	225.5°, 59.2, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.725, 18.594, -54.588
XYZ	24.714, 21.716, 72.697
xyY	0.207, 0.182, 21.716
CIE-LCH	53.725, 57.668, 288.81
CIE-LUV	53.725, -16.74, -87.004
Hunter-Lab	46.601, 13.112, -59.872
Binary	01011011, 01111011, 11011111

#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#dfbf5b
```
#dfbf5b rgb(223,191,91)
```

Complementary Color

#5bbddf
```
#5bbddf rgb(91,189,223)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#7d5bdf
```
#7d5bdf rgb(125,91,223)
```

Analogous Color

#bddf5b
```
#bddf5b rgb(189,223,91)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#df7d5b
```
#df7d5b rgb(223,125,91)
```

Split Complementary Color

#7bdf5b
```
#7bdf5b rgb(123,223,91)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#df5b7b
```
#df5b7b rgb(223,91,123)
```

Triadic Color

#5bdfbf
```
#5bdfbf rgb(91,223,191)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#df5b7b
```
#df5b7b rgb(223,91,123)
```
#dfbf5b
```
#dfbf5b rgb(223,191,91)
```

Tetradic Color

#274ec7
```
#274ec7 rgb(39,78,199)
```
#3059d7
```
#3059d7 rgb(48,89,215)
```
#466adb
```
#466adb rgb(70,106,219)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#708ce3
```
#708ce3 rgb(112,140,227)
```
#869de7
```
#869de7 rgb(134,157,231)
```
#9bafeb
```
#9bafeb rgb(155,175,235)
```

Monochromatic Color

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

#5b9cdf
```
#5b9cdf rgb(91,156,223)
```
#5b91df
```
#5b91df rgb(91,145,223)
```
#5b86df
```
#5b86df rgb(91,134,223)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#5b70df
```
#5b70df rgb(91,112,223)
```
#5b65df
```
#5b65df rgb(91,101,223)
```
#5c5bdf
```
#5c5bdf rgb(92,91,223)
```

Similar Colors

Text with hexadecimal color #5b7bdf

This text has a font color of #5b7bdf.

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

#5b7bdf background color

This paragraph has a background color of #5b7bdf.

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

#5b7bdf border color

This element has a border color of #5b7bdf.

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

CSS codes

.text {color:#5b7bdf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030611
```
#030611 rgb(3,6,17)
```
#060d21
```
#060d21 rgb(6,13,33)
```
#0a1331
```
#0a1331 rgb(10,19,49)
```
#0d1a42
```
#0d1a42 rgb(13,26,66)
```
#102052
```
#102052 rgb(16,32,82)
```
#132663
```
#132663 rgb(19,38,99)
```
#162d73
```
#162d73 rgb(22,45,115)
```
#1a3383
```
#1a3383 rgb(26,51,131)
```
#1d3a94
```
#1d3a94 rgb(29,58,148)
```
#2040a4
```
#2040a4 rgb(32,64,164)
```
#2347b5
```
#2347b5 rgb(35,71,181)
```
#264dc5
```
#264dc5 rgb(38,77,197)
```

Shade Color Variation

#2a53d5
```
#2a53d5 rgb(42,83,213)
```
#3a61d9
```
#3a61d9 rgb(58,97,217)
```
#4b6edc
```
#4b6edc rgb(75,110,220)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#6b88e2
```
#6b88e2 rgb(107,136,226)
```
#7c95e5
```
#7c95e5 rgb(124,149,229)
```
#8ca3e9
```
#8ca3e9 rgb(140,163,233)
```
#9db0ec
```
#9db0ec rgb(157,176,236)
```
#adbdef
```
#adbdef rgb(173,189,239)
```
#bdcaf2
```
#bdcaf2 rgb(189,202,242)
```
#ced7f5
```
#ced7f5 rgb(206,215,245)
```
#dee5f9
```
#dee5f9 rgb(222,229,249)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```

Tint Color Variation

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

#979aa3
```
#979aa3 rgb(151,154,163)
```
#9096aa
```
#9096aa rgb(144,150,170)
```
#8892b2
```
#8892b2 rgb(136,146,178)
```
#818eb9
```
#818eb9 rgb(129,142,185)
```
#798bc1
```
#798bc1 rgb(121,139,193)
```
#7287c8
```
#7287c8 rgb(114,135,200)
```
#6a83d0
```
#6a83d0 rgb(106,131,208)
```
#637fd7
```
#637fd7 rgb(99,127,215)
```
#5b7bdf
```
#5b7bdf rgb(91,123,223)
```
#5377e7
```
#5377e7 rgb(83,119,231)
```
#4c73ee
```
#4c73ee rgb(76,115,238)
```
#446ff6
```
#446ff6 rgb(68,111,246)
```
#3d6bfd
```
#3d6bfd rgb(61,107,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5683e2 Protanopia 1% of men
#3888dd Deuteranopia 1% of men
#3a929c Tritanopia 0.001% of the population

Trichromacy

#5880e1 Protanomaly 1% of men, 0.01% of women
#4583de Deuteranomaly 6% of men, 0.4% of women
#4689b4 Tritanomaly 0.01% of the population

#5b7bdf hex color

#5b7bdf Color Information

#5b7bdf Color Conversion

Color Schemes with #5b7bdf

Alternatives to #5b7bdf

#5b7bdf Preview

Shades and Tints of #5b7bdf

Tones of #5b7bdf

Color Blindness Simulator