#5768dc hex color

In a RGB color space, hex #5768dc is composed of 34.1% red, 40.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 52.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 232.3 degrees, a saturation of 65.5% and a lightness of 60.2%. #5768dc color hex could be obtained by blending #aed0ff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 41
- B 86
RGB color chart
- C 60
- M 53
- Y 0
- K 14
CMYK color chart

● #5768dc color description : Soft blue.

The hexadecimal color #5768dc has RGB values of R:87, G:104, B:220 and CMYK values of C:0.6, M:0.53, Y:0, K:0.14. Its decimal value is 5728476.

Hex triplet	5768dc	`#5768dc`
RGB Decimal	87, 104, 220	`rgb(87,104,220)`
RGB Percent	34.1, 40.8, 86.3	`rgb(34.1%,40.8%,86.3%)`
CMYK	60, 53, 0, 14
HSL	232.3°, 65.5, 60.2	`hsl(232.3,65.5%,60.2%)`
HSV (or HSB)	232.3°, 60.5, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.377, 28.558, -61.501
XYZ	21.796, 17.093, 69.857
xyY	0.2, 0.157, 17.093
CIE-LCH	48.377, 67.808, 294.907
CIE-LUV	48.377, -12.008, -96.186
Hunter-Lab	41.344, 21.753, -71.239
Binary	01010111, 01101000, 11011100

#5768dc
```
#5768dc rgb(87,104,220)
```
#dccb57
```
#dccb57 rgb(220,203,87)
```

Complementary Color

#57abdc
```
#57abdc rgb(87,171,220)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#8957dc
```
#8957dc rgb(137,87,220)
```

Analogous Color

#abdc57
```
#abdc57 rgb(171,220,87)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#dc8957
```
#dc8957 rgb(220,137,87)
```

Split Complementary Color

#68dc57
```
#68dc57 rgb(104,220,87)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#dc5768
```
#dc5768 rgb(220,87,104)
```

Triadic Color

#57dccb
```
#57dccb rgb(87,220,203)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#dc5768
```
#dc5768 rgb(220,87,104)
```
#dccb57
```
#dccb57 rgb(220,203,87)
```

Tetradic Color

#283bbf
```
#283bbf rgb(40,59,191)
```
#2d42d3
```
#2d42d3 rgb(45,66,211)
```
#4255d8
```
#4255d8 rgb(66,85,216)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#6c7be0
```
#6c7be0 rgb(108,123,224)
```
#818ee5
```
#818ee5 rgb(129,142,229)
```
#96a1e9
```
#96a1e9 rgb(150,161,233)
```

Monochromatic Color

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

#5789dc
```
#5789dc rgb(87,137,220)
```
#577edc
```
#577edc rgb(87,126,220)
```
#5773dc
```
#5773dc rgb(87,115,220)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#575ddc
```
#575ddc rgb(87,93,220)
```
#5c57dc
```
#5c57dc rgb(92,87,220)
```
#6757dc
```
#6757dc rgb(103,87,220)
```

Similar Colors

Text with hexadecimal color #5768dc

This text has a font color of #5768dc.

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

#5768dc background color

This paragraph has a background color of #5768dc.

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

#5768dc border color

This element has a border color of #5768dc.

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

CSS codes

.text {color:#5768dc;}

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

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

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, #02030b is the darkest color, while #f9fafe is the lightest one.

#02030b
```
#02030b rgb(2,3,11)
```
#06081b
```
#06081b rgb(6,8,27)
```
#090d2b
```
#090d2b rgb(9,13,43)
```
#0c123b
```
#0c123b rgb(12,18,59)
```
#10174c
```
#10174c rgb(16,23,76)
```
#131c5c
```
#131c5c rgb(19,28,92)
```
#16216c
```
#16216c rgb(22,33,108)
```
#1a267c
```
#1a267c rgb(26,38,124)
```
#1d2b8c
```
#1d2b8c rgb(29,43,140)
```
#21309d
```
#21309d rgb(33,48,157)
```
#2436ad
```
#2436ad rgb(36,54,173)
```
#273bbd
```
#273bbd rgb(39,59,189)
```
#2b40cd
```
#2b40cd rgb(43,64,205)
```

Shade Color Variation

#374bd5
```
#374bd5 rgb(55,75,213)
```
#4759d9
```
#4759d9 rgb(71,89,217)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#6777df
```
#6777df rgb(103,119,223)
```
#7785e3
```
#7785e3 rgb(119,133,227)
```
#8894e6
```
#8894e6 rgb(136,148,230)
```
#98a2ea
```
#98a2ea rgb(152,162,234)
```
#a8b1ed
```
#a8b1ed rgb(168,177,237)
```
#b8c0f0
```
#b8c0f0 rgb(184,192,240)
```
#c9cef4
```
#c9cef4 rgb(201,206,244)
```
#d9ddf7
```
#d9ddf7 rgb(217,221,247)
```
#e9ebfa
```
#e9ebfa rgb(233,235,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#95969e
```
#95969e rgb(149,150,158)
```
#8e91a5
```
#8e91a5 rgb(142,145,165)
```
#868bad
```
#868bad rgb(134,139,173)
```
#7e85b5
```
#7e85b5 rgb(126,133,181)
```
#767fbd
```
#767fbd rgb(118,127,189)
```
#6e79c5
```
#6e79c5 rgb(110,121,197)
```
#6774cc
```
#6774cc rgb(103,116,204)
```
#5f6ed4
```
#5f6ed4 rgb(95,110,212)
```
#5768dc
```
#5768dc rgb(87,104,220)
```
#4f62e4
```
#4f62e4 rgb(79,98,228)
```
#475cec
```
#475cec rgb(71,92,236)
```
#4057f3
```
#4057f3 rgb(64,87,243)
```
#3851fb
```
#3851fb rgb(56,81,251)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b6e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2676e3 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#2a858e Tritanopia 0.001% of the population

Trichromacy

#3771e1 Protanomaly 1% of men, 0.01% of women
#1f75d2 Deuteranomaly 6% of men, 0.4% of women
#3a7aaa Tritanomaly 0.01% of the population

#5768dc hex color

#5768dc Color Information

#5768dc Color Conversion

Color Schemes with #5768dc

Alternatives to #5768dc

#5768dc Preview

Shades and Tints of #5768dc

Tones of #5768dc

Color Blindness Simulator