#5b7dec hex color

In a RGB color space, hex #5b7dec is composed of 35.7% red, 49% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 47% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.9 degrees, a saturation of 79.2% and a lightness of 64.1%. #5b7dec color hex could be obtained by blending #b6faff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 49
- B 93
RGB color chart
- C 61
- M 47
- Y 0
- K 7
CMYK color chart

● #5b7dec color description : Soft blue.

The hexadecimal color #5b7dec has RGB values of R:91, G:125, B:236 and CMYK values of C:0.61, M:0.47, Y:0, K:0.07. Its decimal value is 5996012.

Hex triplet	5b7dec	`#5b7dec`
RGB Decimal	91, 125, 236	`rgb(91,125,236)`
RGB Percent	35.7, 49, 92.5	`rgb(35.7%,49%,92.5%)`
CMYK	61, 47, 0, 7
HSL	225.9°, 79.2, 64.1	`hsl(225.9,79.2%,64.1%)`
HSV (or HSB)	225.9°, 61.4, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.017, 21.703, -59.793
XYZ	26.785, 22.946, 82.37
xyY	0.203, 0.174, 22.946
CIE-LCH	55.017, 63.61, 289.95
CIE-LUV	55.017, -17.521, -95.994
Hunter-Lab	47.902, 15.982, -68.421
Binary	01011011, 01111101, 11101100

#5b7dec
```
#5b7dec rgb(91,125,236)
```
#ecca5b
```
#ecca5b rgb(236,202,91)
```

Complementary Color

#5bc6ec
```
#5bc6ec rgb(91,198,236)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#825bec
```
#825bec rgb(130,91,236)
```

Analogous Color

#c6ec5b
```
#c6ec5b rgb(198,236,91)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#ec825b
```
#ec825b rgb(236,130,91)
```

Split Complementary Color

#7dec5b
```
#7dec5b rgb(125,236,91)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#ec5b7d
```
#ec5b7d rgb(236,91,125)
```

Triadic Color

#5becca
```
#5becca rgb(91,236,202)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#ec5b7d
```
#ec5b7d rgb(236,91,125)
```
#ecca5b
```
#ecca5b rgb(236,202,91)
```

Tetradic Color

#1a49e0
```
#1a49e0 rgb(26,73,224)
```
#2d59e7
```
#2d59e7 rgb(45,89,231)
```
#446be9
```
#446be9 rgb(68,107,233)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#728fef
```
#728fef rgb(114,143,239)
```
#89a1f1
```
#89a1f1 rgb(137,161,241)
```
#a0b3f4
```
#a0b3f4 rgb(160,179,244)
```

Monochromatic Color

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

#5ba1ec
```
#5ba1ec rgb(91,161,236)
```
#5b95ec
```
#5b95ec rgb(91,149,236)
```
#5b89ec
```
#5b89ec rgb(91,137,236)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#5b71ec
```
#5b71ec rgb(91,113,236)
```
#5b65ec
```
#5b65ec rgb(91,101,236)
```
#5d5bec
```
#5d5bec rgb(93,91,236)
```

Similar Colors

Text with hexadecimal color #5b7dec

This text has a font color of #5b7dec.

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

#5b7dec background color

This paragraph has a background color of #5b7dec.

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

#5b7dec border color

This element has a border color of #5b7dec.

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

CSS codes

.text {color:#5b7dec;}

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

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

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, #01040c is the darkest color, while #f9fafe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#03091d
```
#03091d rgb(3,9,29)
```
#050f2f
```
#050f2f rgb(5,15,47)
```
#071541
```
#071541 rgb(7,21,65)
```
#0a1b52
```
#0a1b52 rgb(10,27,82)
```
#0c2064
```
#0c2064 rgb(12,32,100)
```
#0e2675
```
#0e2675 rgb(14,38,117)
```
#102c87
```
#102c87 rgb(16,44,135)
```
#123198
```
#123198 rgb(18,49,152)
```
#1437aa
```
#1437aa rgb(20,55,170)
```
#163dbc
```
#163dbc rgb(22,61,188)
```
#1842cd
```
#1842cd rgb(24,66,205)
```
#1a48df
```
#1a48df rgb(26,72,223)
```

Shade Color Variation

#2653e6
```
#2653e6 rgb(38,83,230)
```
#3861e8
```
#3861e8 rgb(56,97,232)
```
#496fea
```
#496fea rgb(73,111,234)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#6d8bee
```
#6d8bee rgb(109,139,238)
```
#7e99f0
```
#7e99f0 rgb(126,153,240)
```
#90a7f2
```
#90a7f2 rgb(144,167,242)
```
#a1b5f4
```
#a1b5f4 rgb(161,181,244)
```
#b3c3f6
```
#b3c3f6 rgb(179,195,246)
```
#c4d1f8
```
#c4d1f8 rgb(196,209,248)
```
#d6dffa
```
#d6dffa rgb(214,223,250)
```
#e8ecfc
```
#e8ecfc rgb(232,236,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a2a6 is the less saturated color, while #4d76fa is the most saturated one.

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9fad
```
#9a9fad rgb(154,159,173)
```
#939bb4
```
#939bb4 rgb(147,155,180)
```
#8c97bb
```
#8c97bb rgb(140,151,187)
```
#8593c2
```
#8593c2 rgb(133,147,194)
```
#7e90c9
```
#7e90c9 rgb(126,144,201)
```
#778cd0
```
#778cd0 rgb(119,140,208)
```
#7088d7
```
#7088d7 rgb(112,136,215)
```
#6984de
```
#6984de rgb(105,132,222)
```
#6281e5
```
#6281e5 rgb(98,129,229)
```
#5b7dec
```
#5b7dec rgb(91,125,236)
```
#5479f3
```
#5479f3 rgb(84,121,243)
```
#4d76fa
```
#4d76fa rgb(77,118,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#787f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f86ef Protanopia 1% of men
#198ce9 Deuteranopia 1% of men
#2d96a1 Tritanopia 0.001% of the population

Trichromacy

#5383ee Protanomaly 1% of men, 0.01% of women
#3186ea Deuteranomaly 6% of men, 0.4% of women
#3e8dbc Tritanomaly 0.01% of the population

#5b7dec hex color

#5b7dec Color Information

#5b7dec Color Conversion

Color Schemes with #5b7dec

Alternatives to #5b7dec

#5b7dec Preview

Shades and Tints of #5b7dec

Tones of #5b7dec

Color Blindness Simulator