colorhexa.com

#5b6bf9 hex color

In a RGB color space, hex #5b6bf9 is composed of 35.7% red, 42% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 57% magenta, 0% yellow and 2.4% black. It has a hue angle of 233.9 degrees, a saturation of 92.9% and a lightness of 66.7%. #5b6bf9 color hex could be obtained by blending #b6d6ff with #0000f3. Closest websafe color is: #6666ff.

- R 36
- G 42
- B 98
RGB color chart
- C 63
- M 57
- Y 0
- K 2
CMYK color chart

● #5b6bf9 color description : Soft blue.

The hexadecimal color #5b6bf9 has RGB values of R:91, G:107, B:249 and CMYK values of C:0.63, M:0.57, Y:0, K:0.02. Its decimal value is 5991417.

Hex triplet	5b6bf9	`#5b6bf9`
RGB Decimal	91, 107, 249	`rgb(91,107,249)`
RGB Percent	35.7, 42, 97.6	`rgb(35.7%,42%,97.6%)`
CMYK	63, 57, 0, 2
HSL	233.9°, 92.9, 66.7	`hsl(233.9,92.9%,66.7%)`
HSV (or HSB)	233.9°, 63.5, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.356, 37, -72.939
XYZ	26.667, 19.578, 91.991
xyY	0.193, 0.142, 19.578
CIE-LCH	51.356, 81.787, 296.897
CIE-LUV	51.356, -12.655, -115.401
Hunter-Lab	44.247, 30.15, -92.294
Binary	01011011, 01101011, 11111001

#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#f9e95b
```
#f9e95b rgb(249,233,91)
```

Complementary Color

#5bbaf9
```
#5bbaf9 rgb(91,186,249)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#9a5bf9
```
#9a5bf9 rgb(154,91,249)
```

Analogous Color

#baf95b
```
#baf95b rgb(186,249,91)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#f99a5b
```
#f99a5b rgb(249,154,91)
```

Split Complementary Color

#6bf95b
```
#6bf95b rgb(107,249,91)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#f95b6b
```
#f95b6b rgb(249,91,107)
```

Triadic Color

#5bf9e9
```
#5bf9e9 rgb(91,249,233)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#f95b6b
```
#f95b6b rgb(249,91,107)
```
#f9e95b
```
#f9e95b rgb(249,233,91)
```

Tetradic Color

#1128f6
```
#1128f6 rgb(17,40,246)
```
#2a3ff7
```
#2a3ff7 rgb(42,63,247)
```
#4255f8
```
#4255f8 rgb(66,85,248)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#7481fa
```
#7481fa rgb(116,129,250)
```
#8c97fb
```
#8c97fb rgb(140,151,251)
```
#a5aefc
```
#a5aefc rgb(165,174,252)
```

Monochromatic Color

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

#5b93f9
```
#5b93f9 rgb(91,147,249)
```
#5b85f9
```
#5b85f9 rgb(91,133,249)
```
#5b78f9
```
#5b78f9 rgb(91,120,249)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#5b5ef9
```
#5b5ef9 rgb(91,94,249)
```
#655bf9
```
#655bf9 rgb(101,91,249)
```
#735bf9
```
#735bf9 rgb(115,91,249)
```

Similar Colors

Text with hexadecimal color #5b6bf9

This text has a font color of #5b6bf9.

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

#5b6bf9 background color

This paragraph has a background color of #5b6bf9.

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

#5b6bf9 border color

This element has a border color of #5b6bf9.

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

CSS codes

.text {color:#5b6bf9;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010319
```
#010319 rgb(1,3,25)
```
#02062c
```
#02062c rgb(2,6,44)
```
#02083f
```
#02083f rgb(2,8,63)
```
#030b52
```
#030b52 rgb(3,11,82)
```
#040e65
```
#040e65 rgb(4,14,101)
```
#041078
```
#041078 rgb(4,16,120)
```
#05138b
```
#05138b rgb(5,19,139)
```
#06159e
```
#06159e rgb(6,21,158)
```
#0618b1
```
#0618b1 rgb(6,24,177)
```
#071ac4
```
#071ac4 rgb(7,26,196)
```
#081dd6
```
#081dd6 rgb(8,29,214)
```
#091fe9
```
#091fe9 rgb(9,31,233)
```

Shade Color Variation

#0f27f6
```
#0f27f6 rgb(15,39,246)
```
#2238f7
```
#2238f7 rgb(34,56,247)
```
#3549f8
```
#3549f8 rgb(53,73,248)
```
#485af8
```
#485af8 rgb(72,90,248)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```
#6e7cfa
```
#6e7cfa rgb(110,124,250)
```
#818dfa
```
#818dfa rgb(129,141,250)
```
#949efb
```
#949efb rgb(148,158,251)
```
#a7affc
```
#a7affc rgb(167,175,252)
```
#bac0fc
```
#bac0fc rgb(186,192,252)
```
#cdd1fd
```
#cdd1fd rgb(205,209,253)
```
#dfe3fe
```
#dfe3fe rgb(223,227,254)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#a9aaab
```
#a9aaab rgb(169,170,171)
```
#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9c9fb8
```
#9c9fb8 rgb(156,159,184)
```
#969abe
```
#969abe rgb(150,154,190)
```
#8f95c5
```
#8f95c5 rgb(143,149,197)
```
#898fcb
```
#898fcb rgb(137,143,203)
```
#828ad2
```
#828ad2 rgb(130,138,210)
```
#7c85d8
```
#7c85d8 rgb(124,133,216)
```
#7580df
```
#7580df rgb(117,128,223)
```
#6f7be5
```
#6f7be5 rgb(111,123,229)
```
#6875ec
```
#6875ec rgb(104,117,236)
```
#6270f2
```
#6270f2 rgb(98,112,242)
```
#5b6bf9
```
#5b6bf9 rgb(91,107,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#717490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#2176f6 Protanomaly 1% of men, 0.01% of women
#217ae3 Deuteranomaly 6% of men, 0.4% of women
#2181bb Tritanomaly 0.01% of the population