#5b68bc hex color

In a RGB color space, hex #5b68bc is composed of 35.7% red, 40.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 44.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 232 degrees, a saturation of 42% and a lightness of 54.7%. #5b68bc color hex could be obtained by blending #b6d0ff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 41
- B 74
RGB color chart
- C 52
- M 45
- Y 0
- K 26
CMYK color chart

● #5b68bc color description : Moderate blue.

The hexadecimal color #5b68bc has RGB values of R:91, G:104, B:188 and CMYK values of C:0.52, M:0.45, Y:0, K:0.26. Its decimal value is 5990588.

Hex triplet	5b68bc	`#5b68bc`
RGB Decimal	91, 104, 188	`rgb(91,104,188)`
RGB Percent	35.7, 40.8, 73.7	`rgb(35.7%,40.8%,73.7%)`
CMYK	52, 45, 0, 26
HSL	232°, 42, 54.7	`hsl(232,42%,54.7%)`
HSV (or HSB)	232°, 51.6, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.651, 18.88, -45.919
XYZ	18.34, 15.755, 49.649
xyY	0.219, 0.188, 15.755
CIE-LCH	46.651, 49.648, 292.35
CIE-LUV	46.651, -9.752, -70.97
Hunter-Lab	39.692, 13.014, -46.377
Binary	01011011, 01101000, 10111100

#5b68bc
```
#5b68bc rgb(91,104,188)
```
#bcaf5b
```
#bcaf5b rgb(188,175,91)
```

Complementary Color

#5b99bc
```
#5b99bc rgb(91,153,188)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#7f5bbc
```
#7f5bbc rgb(127,91,188)
```

Analogous Color

#99bc5b
```
#99bc5b rgb(153,188,91)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#bc7f5b
```
#bc7f5b rgb(188,127,91)
```

Split Complementary Color

#68bc5b
```
#68bc5b rgb(104,188,91)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#bc5b68
```
#bc5b68 rgb(188,91,104)
```

Triadic Color

#5bbcaf
```
#5bbcaf rgb(91,188,175)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#bc5b68
```
#bc5b68 rgb(188,91,104)
```
#bcaf5b
```
#bcaf5b rgb(188,175,91)
```

Tetradic Color

#3b4690
```
#3b4690 rgb(59,70,144)
```
#424fa2
```
#424fa2 rgb(66,79,162)
```
#4a58b4
```
#4a58b4 rgb(74,88,180)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#6d79c3
```
#6d79c3 rgb(109,121,195)
```
#7f89cb
```
#7f89cb rgb(127,137,203)
```
#919ad2
```
#919ad2 rgb(145,154,210)
```

Monochromatic Color

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

#5b80bc
```
#5b80bc rgb(91,128,188)
```
#5b78bc
```
#5b78bc rgb(91,120,188)
```
#5b70bc
```
#5b70bc rgb(91,112,188)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#5b60bc
```
#5b60bc rgb(91,96,188)
```
#5e5bbc
```
#5e5bbc rgb(94,91,188)
```
#665bbc
```
#665bbc rgb(102,91,188)
```

Similar Colors

Text with hexadecimal color #5b68bc

This text has a font color of #5b68bc.

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

#5b68bc background color

This paragraph has a background color of #5b68bc.

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

#5b68bc border color

This element has a border color of #5b68bc.

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

CSS codes

.text {color:#5b68bc;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0d0f1f
```
#0d0f1f rgb(13,15,31)
```
#12162d
```
#12162d rgb(18,22,45)
```
#181d3b
```
#181d3b rgb(24,29,59)
```
#1e2349
```
#1e2349 rgb(30,35,73)
```
#232a57
```
#232a57 rgb(35,42,87)
```
#293165
```
#293165 rgb(41,49,101)
```
#2f3873
```
#2f3873 rgb(47,56,115)
```
#343f80
```
#343f80 rgb(52,63,128)
```
#3a458e
```
#3a458e rgb(58,69,142)
```
#404c9c
```
#404c9c rgb(64,76,156)
```
#4653aa
```
#4653aa rgb(70,83,170)
```

Shade Color Variation

#4d5bb6
```
#4d5bb6 rgb(77,91,182)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#6975c2
```
#6975c2 rgb(105,117,194)
```
#7782c7
```
#7782c7 rgb(119,130,199)
```
#858ecd
```
#858ecd rgb(133,142,205)
```
#939bd3
```
#939bd3 rgb(147,155,211)
```
#a1a8d8
```
#a1a8d8 rgb(161,168,216)
```
#afb5de
```
#afb5de rgb(175,181,222)
```
#bcc2e4
```
#bcc2e4 rgb(188,194,228)
```
#cacfea
```
#cacfea rgb(202,207,234)
```
#d8dbef
```
#d8dbef rgb(216,219,239)
```
#e6e8f5
```
#e6e8f5 rgb(230,232,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

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

#878990
```
#878990 rgb(135,137,144)
```
#7f8298
```
#7f8298 rgb(127,130,152)
```
#767ca1
```
#767ca1 rgb(118,124,161)
```
#6d75aa
```
#6d75aa rgb(109,117,170)
```
#646fb3
```
#646fb3 rgb(100,111,179)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#5261c5
```
#5261c5 rgb(82,97,197)
```
#495bce
```
#495bce rgb(73,91,206)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#374ee0
```
#374ee0 rgb(55,78,224)
```
#2f47e8
```
#2f47e8 rgb(47,71,232)
```
#2641f1
```
#2641f1 rgb(38,65,241)
```
#1d3afa
```
#1d3afa rgb(29,58,250)
```

Tone Color Variation

Below, you can see how #5b68bc 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
#6a6d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f73c2 Protanopia 1% of men
#4076bc Deuteranopia 1% of men
#4b7d86 Tritanopia 0.001% of the population

Trichromacy

#536fc0 Protanomaly 1% of men, 0.01% of women
#4971bc Deuteranomaly 6% of men, 0.4% of women
#51759a Tritanomaly 0.01% of the population

#5b68bc hex color

#5b68bc Color Information

#5b68bc Color Conversion

Color Schemes with #5b68bc

Alternatives to #5b68bc

#5b68bc Preview

Shades and Tints of #5b68bc

Tones of #5b68bc

Color Blindness Simulator