#5768b6 hex color

In a RGB color space, hex #5768b6 is composed of 34.1% red, 40.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 42.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 229.3 degrees, a saturation of 39.4% and a lightness of 52.7%. #5768b6 color hex could be obtained by blending #aed0ff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 41
- B 71
RGB color chart
- C 52
- M 43
- Y 0
- K 29
CMYK color chart

● #5768b6 color description : Moderate blue.

The hexadecimal color #5768b6 has RGB values of R:87, G:104, B:182 and CMYK values of C:0.52, M:0.43, Y:0, K:0.29. Its decimal value is 5728438.

Hex triplet	5768b6	`#5768b6`
RGB Decimal	87, 104, 182	`rgb(87,104,182)`
RGB Percent	34.1, 40.8, 71.4	`rgb(34.1%,40.8%,71.4%)`
CMYK	52, 43, 0, 29
HSL	229.3°, 39.4, 52.7	`hsl(229.3,39.4%,52.7%)`
HSV (or HSB)	229.3°, 52.2, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.047, 16.039, -43.412
XYZ	17.323, 15.304, 46.294
xyY	0.219, 0.194, 15.304
CIE-LCH	46.047, 46.28, 290.277
CIE-LUV	46.047, -10.906, -66.623
Hunter-Lab	39.12, 10.582, -42.78
Binary	01010111, 01101000, 10110110

#5768b6
```
#5768b6 rgb(87,104,182)
```
#b6a557
```
#b6a557 rgb(182,165,87)
```

Complementary Color

#5798b6
```
#5798b6 rgb(87,152,182)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#7657b6
```
#7657b6 rgb(118,87,182)
```

Analogous Color

#98b657
```
#98b657 rgb(152,182,87)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#b67657
```
#b67657 rgb(182,118,87)
```

Split Complementary Color

#68b657
```
#68b657 rgb(104,182,87)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#b65768
```
#b65768 rgb(182,87,104)
```

Triadic Color

#57b6a5
```
#57b6a5 rgb(87,182,165)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#b65768
```
#b65768 rgb(182,87,104)
```
#b6a557
```
#b6a557 rgb(182,165,87)
```

Tetradic Color

#3a4886
```
#3a4886 rgb(58,72,134)
```
#425198
```
#425198 rgb(66,81,152)
```
#4a5baa
```
#4a5baa rgb(74,91,170)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#6978be
```
#6978be rgb(105,120,190)
```
#7b88c5
```
#7b88c5 rgb(123,136,197)
```
#8c98cd
```
#8c98cd rgb(140,152,205)
```

Monochromatic Color

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

#5780b6
```
#5780b6 rgb(87,128,182)
```
#5778b6
```
#5778b6 rgb(87,120,182)
```
#5770b6
```
#5770b6 rgb(87,112,182)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#5760b6
```
#5760b6 rgb(87,96,182)
```
#5758b6
```
#5758b6 rgb(87,88,182)
```
#5e57b6
```
#5e57b6 rgb(94,87,182)
```

Similar Colors

Text with hexadecimal color #5768b6

This text has a font color of #5768b6.

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

#5768b6 background color

This paragraph has a background color of #5768b6.

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

#5768b6 border color

This element has a border color of #5768b6.

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

CSS codes

.text {color:#5768b6;}

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

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#0a0d17
```
#0a0d17 rgb(10,13,23)
```
#101425
```
#101425 rgb(16,20,37)
```
#161b33
```
#161b33 rgb(22,27,51)
```
#1c2340
```
#1c2340 rgb(28,35,64)
```
#222a4e
```
#222a4e rgb(34,42,78)
```
#28315c
```
#28315c rgb(40,49,92)
```
#2e3969
```
#2e3969 rgb(46,57,105)
```
#344077
```
#344077 rgb(52,64,119)
```
#3a4785
```
#3a4785 rgb(58,71,133)
```
#404e92
```
#404e92 rgb(64,78,146)
```
#4656a0
```
#4656a0 rgb(70,86,160)
```
#4c5dae
```
#4c5dae rgb(76,93,174)
```

Shade Color Variation

#5768b6
```
#5768b6 rgb(87,104,182)
```
#6574bc
```
#6574bc rgb(101,116,188)
```
#7281c2
```
#7281c2 rgb(114,129,194)
```
#808dc8
```
#808dc8 rgb(128,141,200)
```
#8e99ce
```
#8e99ce rgb(142,153,206)
```
#9ba5d4
```
#9ba5d4 rgb(155,165,212)
```
#a9b2da
```
#a9b2da rgb(169,178,218)
```
#b7bee0
```
#b7bee0 rgb(183,190,224)
```
#c4cae6
```
#c4cae6 rgb(196,202,230)
```
#d2d7eb
```
#d2d7eb rgb(210,215,235)
```
#e0e3f1
```
#e0e3f1 rgb(224,227,241)
```
#edeff7
```
#edeff7 rgb(237,239,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#858688
```
#858688 rgb(133,134,136)
```
#7c8091
```
#7c8091 rgb(124,128,145)
```
#737a9a
```
#737a9a rgb(115,122,154)
```
#6a74a3
```
#6a74a3 rgb(106,116,163)
```
#606ead
```
#606ead rgb(96,110,173)
```
#5768b6
```
#5768b6 rgb(87,104,182)
```
#4e62bf
```
#4e62bf rgb(78,98,191)
```
#445cc9
```
#445cc9 rgb(68,92,201)
```
#3b56d2
```
#3b56d2 rgb(59,86,210)
```
#3250db
```
#3250db rgb(50,80,219)
```
#294ae4
```
#294ae4 rgb(41,74,228)
```
#1f44ee
```
#1f44ee rgb(31,68,238)
```
#163ef7
```
#163ef7 rgb(22,62,247)
```

Tone Color Variation

Below, you can see how #5768b6 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
#686b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5272bb Protanopia 1% of men
#4475b7 Deuteranopia 1% of men
#497c85 Tritanopia 0.001% of the population

Trichromacy

#546eb9 Protanomaly 1% of men, 0.01% of women
#4b70b7 Deuteranomaly 6% of men, 0.4% of women
#4e7496 Tritanomaly 0.01% of the population

#5768b6 hex color

#5768b6 Color Information

#5768b6 Color Conversion

Color Schemes with #5768b6

Alternatives to #5768b6

#5768b6 Preview

Shades and Tints of #5768b6

Tones of #5768b6

Color Blindness Simulator