#5b6bb3 hex color

In a RGB color space, hex #5b6bb3 is composed of 35.7% red, 42% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 40.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 229.1 degrees, a saturation of 36.7% and a lightness of 52.9%. #5b6bb3 color hex could be obtained by blending #b6d6ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 42
- B 70
RGB color chart
- C 49
- M 40
- Y 0
- K 30
CMYK color chart

● #5b6bb3 color description : Slightly desaturated blue.

The hexadecimal color #5b6bb3 has RGB values of R:91, G:107, B:179 and CMYK values of C:0.49, M:0.4, Y:0, K:0.3. Its decimal value is 5991347.

Hex triplet	5b6bb3	`#5b6bb3`
RGB Decimal	91, 107, 179	`rgb(91,107,179)`
RGB Percent	35.7, 42, 70.2	`rgb(35.7%,42%,70.2%)`
CMYK	49, 40, 0, 30
HSL	229.1°, 36.7, 52.9	`hsl(229.1,36.7%,52.9%)`
HSV (or HSB)	229.1°, 49.2, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.966, 14.161, -40.191
XYZ	17.707, 15.994, 44.799
xyY	0.226, 0.204, 15.994
CIE-LCH	46.966, 42.613, 289.409
CIE-LUV	46.966, -10.477, -61.755
Hunter-Lab	39.992, 9.048, -38.423
Binary	01011011, 01101011, 10110011

#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#b3a35b
```
#b3a35b rgb(179,163,91)
```

Complementary Color

#5b97b3
```
#5b97b3 rgb(91,151,179)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#775bb3
```
#775bb3 rgb(119,91,179)
```

Analogous Color

#97b35b
```
#97b35b rgb(151,179,91)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#b3775b
```
#b3775b rgb(179,119,91)
```

Split Complementary Color

#6bb35b
```
#6bb35b rgb(107,179,91)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#b35b6b
```
#b35b6b rgb(179,91,107)
```

Triadic Color

#5bb3a3
```
#5bb3a3 rgb(91,179,163)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#b35b6b
```
#b35b6b rgb(179,91,107)
```
#b3a35b
```
#b3a35b rgb(179,163,91)
```

Tetradic Color

#3d4a84
```
#3d4a84 rgb(61,74,132)
```
#455496
```
#455496 rgb(69,84,150)
```
#4d5ea7
```
#4d5ea7 rgb(77,94,167)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#6c7bbb
```
#6c7bbb rgb(108,123,187)
```
#7e8ac3
```
#7e8ac3 rgb(126,138,195)
```
#8f9acb
```
#8f9acb rgb(143,154,203)
```

Monochromatic Color

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

#5b81b3
```
#5b81b3 rgb(91,129,179)
```
#5b7ab3
```
#5b7ab3 rgb(91,122,179)
```
#5b72b3
```
#5b72b3 rgb(91,114,179)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#5b64b3
```
#5b64b3 rgb(91,100,179)
```
#5b5cb3
```
#5b5cb3 rgb(91,92,179)
```
#615bb3
```
#615bb3 rgb(97,91,179)
```

Similar Colors

Text with hexadecimal color #5b6bb3

This text has a font color of #5b6bb3.

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

#5b6bb3 background color

This paragraph has a background color of #5b6bb3.

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

#5b6bb3 border color

This element has a border color of #5b6bb3.

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

CSS codes

.text {color:#5b6bb3;}

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

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

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0d18
```
#0b0d18 rgb(11,13,24)
```
#111525
```
#111525 rgb(17,21,37)
```
#171c32
```
#171c32 rgb(23,28,50)
```
#1e2440
```
#1e2440 rgb(30,36,64)
```
#242b4d
```
#242b4d rgb(36,43,77)
```
#2a335b
```
#2a335b rgb(42,51,91)
```
#303a68
```
#303a68 rgb(48,58,104)
```
#364275
```
#364275 rgb(54,66,117)
```
#3d4983
```
#3d4983 rgb(61,73,131)
```
#435190
```
#435190 rgb(67,81,144)
```
#49589e
```
#49589e rgb(73,88,158)
```
#4f60ab
```
#4f60ab rgb(79,96,171)
```

Shade Color Variation

#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#6877b9
```
#6877b9 rgb(104,119,185)
```
#7683bf
```
#7683bf rgb(118,131,191)
```
#838fc6
```
#838fc6 rgb(131,143,198)
```
#919bcc
```
#919bcc rgb(145,155,204)
```
#9ea7d2
```
#9ea7d2 rgb(158,167,210)
```
#abb4d8
```
#abb4d8 rgb(171,180,216)
```
#b9c0de
```
#b9c0de rgb(185,192,222)
```
#c6cce5
```
#c6cce5 rgb(198,204,229)
```
#d4d8eb
```
#d4d8eb rgb(212,216,235)
```
#e1e4f1
```
#e1e4f1 rgb(225,228,241)
```
#eef0f7
```
#eef0f7 rgb(238,240,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80828e is the less saturated color, while #113cfd is the most saturated one.

#80828e
```
#80828e rgb(128,130,142)
```
#777d97
```
#777d97 rgb(119,125,151)
```
#6d77a1
```
#6d77a1 rgb(109,119,161)
```
#6471aa
```
#6471aa rgb(100,113,170)
```
#5b6bb3
```
#5b6bb3 rgb(91,107,179)
```
#5265bc
```
#5265bc rgb(82,101,188)
```
#495fc5
```
#495fc5 rgb(73,95,197)
```
#3f59cf
```
#3f59cf rgb(63,89,207)
```
#3654d8
```
#3654d8 rgb(54,84,216)
```
#2d4ee1
```
#2d4ee1 rgb(45,78,225)
```
#2448ea
```
#2448ea rgb(36,72,234)
```
#1a42f4
```
#1a42f4 rgb(26,66,244)
```
#113cfd
```
#113cfd rgb(17,60,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5974b8 Protanopia 1% of men
#4f77b5 Deuteranopia 1% of men
#507d86 Tritanopia 0.001% of the population

Trichromacy

#5a71b6 Protanomaly 1% of men, 0.01% of women
#5372b4 Deuteranomaly 6% of men, 0.4% of women
#547696 Tritanomaly 0.01% of the population

#5b6bb3 hex color

#5b6bb3 Color Information

#5b6bb3 Color Conversion

Color Schemes with #5b6bb3

Alternatives to #5b6bb3

#5b6bb3 Preview

Shades and Tints of #5b6bb3

Tones of #5b6bb3

Color Blindness Simulator