#5768bc hex color

In a RGB color space, hex #5768bc is composed of 34.1% red, 40.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 44.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 229.9 degrees, a saturation of 43% and a lightness of 53.9%. #5768bc color hex could be obtained by blending #aed0ff with #000079. Closest websafe color is: #6666cc.

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

● #5768bc color description : Moderate blue.

The hexadecimal color #5768bc has RGB values of R:87, G:104, B:188 and CMYK values of C:0.54, M:0.45, Y:0, K:0.26. Its decimal value is 5728444.

Hex triplet	5768bc	`#5768bc`
RGB Decimal	87, 104, 188	`rgb(87,104,188)`
RGB Percent	34.1, 40.8, 73.7	`rgb(34.1%,40.8%,73.7%)`
CMYK	54, 45, 0, 26
HSL	229.9°, 43, 53.9	`hsl(229.9,43%,53.9%)`
HSV (or HSB)	229.9°, 53.7, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.388, 17.985, -46.354
XYZ	17.956, 15.557, 49.631
xyY	0.216, 0.187, 15.557
CIE-LCH	46.388, 49.721, 291.206
CIE-LUV	46.388, -11.078, -71.45
Hunter-Lab	39.442, 12.238, -46.996
Binary	01010111, 01101000, 10111100

#5768bc
```
#5768bc rgb(87,104,188)
```
#bcab57
```
#bcab57 rgb(188,171,87)
```

Complementary Color

#579bbc
```
#579bbc rgb(87,155,188)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#7957bc
```
#7957bc rgb(121,87,188)
```

Analogous Color

#9bbc57
```
#9bbc57 rgb(155,188,87)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#bc7957
```
#bc7957 rgb(188,121,87)
```

Split Complementary Color

#68bc57
```
#68bc57 rgb(104,188,87)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#bc5768
```
#bc5768 rgb(188,87,104)
```

Triadic Color

#57bcab
```
#57bcab rgb(87,188,171)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#bc5768
```
#bc5768 rgb(188,87,104)
```
#bcab57
```
#bcab57 rgb(188,171,87)
```

Tetradic Color

#39478e
```
#39478e rgb(57,71,142)
```
#4050a0
```
#4050a0 rgb(64,80,160)
```
#4759b2
```
#4759b2 rgb(71,89,178)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#6978c3
```
#6978c3 rgb(105,120,195)
```
#7b89cb
```
#7b89cb rgb(123,137,203)
```
#8e99d2
```
#8e99d2 rgb(142,153,210)
```

Monochromatic Color

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

#5781bc
```
#5781bc rgb(87,129,188)
```
#5779bc
```
#5779bc rgb(87,121,188)
```
#5770bc
```
#5770bc rgb(87,112,188)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#5760bc
```
#5760bc rgb(87,96,188)
```
#5757bc
```
#5757bc rgb(87,87,188)
```
#5f57bc
```
#5f57bc rgb(95,87,188)
```

Similar Colors

Text with hexadecimal color #5768bc

This text has a font color of #5768bc.

<span style="color:#5768bc;">Text here</span>

#5768bc background color

This paragraph has a background color of #5768bc.

<p style="background-color:#5768bc;">Content here</p>

#5768bc border color

This element has a border color of #5768bc.

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

CSS codes

.text {color:#5768bc;}

.background {background-color:#5768bc;}

.border {border:1px solid #5768bc;}

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 #f1f3fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0b0e1c
```
#0b0e1c rgb(11,14,28)
```
#11152a
```
#11152a rgb(17,21,42)
```
#161c38
```
#161c38 rgb(22,28,56)
```
#1c2346
```
#1c2346 rgb(28,35,70)
```
#222a54
```
#222a54 rgb(34,42,84)
```
#273162
```
#273162 rgb(39,49,98)
```
#2d3870
```
#2d3870 rgb(45,56,112)
```
#323f7e
```
#323f7e rgb(50,63,126)
```
#38468d
```
#38468d rgb(56,70,141)
```
#3e4d9b
```
#3e4d9b rgb(62,77,155)
```
#4354a9
```
#4354a9 rgb(67,84,169)
```

Shade Color Variation

#495bb6
```
#495bb6 rgb(73,91,182)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#6575c2
```
#6575c2 rgb(101,117,194)
```
#7381c7
```
#7381c7 rgb(115,129,199)
```
#818ecd
```
#818ecd rgb(129,142,205)
```
#8f9ad2
```
#8f9ad2 rgb(143,154,210)
```
#9da7d8
```
#9da7d8 rgb(157,167,216)
```
#abb4de
```
#abb4de rgb(171,180,222)
```
#b9c0e3
```
#b9c0e3 rgb(185,192,227)
```
#c7cde9
```
#c7cde9 rgb(199,205,233)
```
#d5d9ee
```
#d5d9ee rgb(213,217,238)
```
#e3e6f4
```
#e3e6f4 rgb(227,230,244)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868f is the less saturated color, while #183efb is the most saturated one.

#84868f
```
#84868f rgb(132,134,143)
```
#7b8098
```
#7b8098 rgb(123,128,152)
```
#727aa1
```
#727aa1 rgb(114,122,161)
```
#6974aa
```
#6974aa rgb(105,116,170)
```
#606eb3
```
#606eb3 rgb(96,110,179)
```
#5768bc
```
#5768bc rgb(87,104,188)
```
#4e62c5
```
#4e62c5 rgb(78,98,197)
```
#455cce
```
#455cce rgb(69,92,206)
```
#3c56d7
```
#3c56d7 rgb(60,86,215)
```
#3350e0
```
#3350e0 rgb(51,80,224)
```
#2a4ae9
```
#2a4ae9 rgb(42,74,233)
```
#2144f2
```
#2144f2 rgb(33,68,242)
```
#183efb
```
#183efb rgb(24,62,251)
```

Tone Color Variation

Below, you can see how #5768bc 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

#6c6c6c Achromatopsia 0.005% of the population
#686b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e72c2 Protanopia 1% of men
#3d76bc Deuteranopia 1% of men
#457d86 Tritanopia 0.001% of the population

Trichromacy

#516ebf Protanomaly 1% of men, 0.01% of women
#4671bc Deuteranomaly 6% of men, 0.4% of women
#4c759a Tritanomaly 0.01% of the population

#5768bc hex color

#5768bc Color Information

#5768bc Color Conversion

Color Schemes with #5768bc

Alternatives to #5768bc

#5768bc Preview

Shades and Tints of #5768bc

Tones of #5768bc

Color Blindness Simulator