#5763e2 hex color

In a RGB color space, hex #5763e2 is composed of 34.1% red, 38.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 56.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 234.8 degrees, a saturation of 70.6% and a lightness of 61.4%. #5763e2 color hex could be obtained by blending #aec6ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 39
- B 89
RGB color chart
- C 62
- M 56
- Y 0
- K 11
CMYK color chart

● #5763e2 color description : Soft blue.

The hexadecimal color #5763e2 has RGB values of R:87, G:99, B:226 and CMYK values of C:0.62, M:0.56, Y:0, K:0.11. Its decimal value is 5727202.

Hex triplet	5763e2	`#5763e2`
RGB Decimal	87, 99, 226	`rgb(87,99,226)`
RGB Percent	34.1, 38.8, 88.6	`rgb(34.1%,38.8%,88.6%)`
CMYK	62, 56, 0, 11
HSL	234.8°, 70.6, 61.4	`hsl(234.8,70.6%,61.4%)`
HSV (or HSB)	234.8°, 61.5, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.546, 33.632, -66.243
XYZ	22.117, 16.44, 73.955
xyY	0.197, 0.146, 16.44
CIE-LCH	47.546, 74.292, 296.917
CIE-LUV	47.546, -10.82, -103.061
Hunter-Lab	40.546, 26.412, -79.761
Binary	01010111, 01100011, 11100010

#5763e2
```
#5763e2 rgb(87,99,226)
```
#e2d657
```
#e2d657 rgb(226,214,87)
```

Complementary Color

#57a9e2
```
#57a9e2 rgb(87,169,226)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#9157e2
```
#9157e2 rgb(145,87,226)
```

Analogous Color

#a9e257
```
#a9e257 rgb(169,226,87)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#e29157
```
#e29157 rgb(226,145,87)
```

Split Complementary Color

#63e257
```
#63e257 rgb(99,226,87)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#e25763
```
#e25763 rgb(226,87,99)
```

Triadic Color

#57e2d6
```
#57e2d6 rgb(87,226,214)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#e25763
```
#e25763 rgb(226,87,99)
```
#e2d657
```
#e2d657 rgb(226,214,87)
```

Tetradic Color

#2331ca
```
#2331ca rgb(35,49,202)
```
#2c3bda
```
#2c3bda rgb(44,59,218)
```
#414fde
```
#414fde rgb(65,79,222)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#6d77e6
```
#6d77e6 rgb(109,119,230)
```
#828bea
```
#828bea rgb(130,139,234)
```
#98a0ed
```
#98a0ed rgb(152,160,237)
```

Monochromatic Color

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

#5786e2
```
#5786e2 rgb(87,134,226)
```
#577ae2
```
#577ae2 rgb(87,122,226)
```
#576fe2
```
#576fe2 rgb(87,111,226)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#5757e2
```
#5757e2 rgb(87,87,226)
```
#6257e2
```
#6257e2 rgb(98,87,226)
```
#6e57e2
```
#6e57e2 rgb(110,87,226)
```

Similar Colors

Text with hexadecimal color #5763e2

This text has a font color of #5763e2.

<span style="color:#5763e2;">Text here</span>

#5763e2 background color

This paragraph has a background color of #5763e2.

<p style="background-color:#5763e2;">Content here</p>

#5763e2 border color

This element has a border color of #5763e2.

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

CSS codes

.text {color:#5763e2;}

.background {background-color:#5763e2;}

.border {border:1px solid #5763e2;}

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

#030410
```
#030410 rgb(3,4,16)
```
#060821
```
#060821 rgb(6,8,33)
```
#090c31
```
#090c31 rgb(9,12,49)
```
#0b1042
```
#0b1042 rgb(11,16,66)
```
#0e1453
```
#0e1453 rgb(14,20,83)
```
#111864
```
#111864 rgb(17,24,100)
```
#141c74
```
#141c74 rgb(20,28,116)
```
#172085
```
#172085 rgb(23,32,133)
```
#1a2596
```
#1a2596 rgb(26,37,150)
```
#1d29a7
```
#1d29a7 rgb(29,41,167)
```
#202db7
```
#202db7 rgb(32,45,183)
```
#2331c8
```
#2331c8 rgb(35,49,200)
```
#2535d9
```
#2535d9 rgb(37,53,217)
```

Shade Color Variation

#3644dc
```
#3644dc rgb(54,68,220)
```
#4653df
```
#4653df rgb(70,83,223)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#6873e5
```
#6873e5 rgb(104,115,229)
```
#7882e8
```
#7882e8 rgb(120,130,232)
```
#8992eb
```
#8992eb rgb(137,146,235)
```
#9aa1ee
```
#9aa1ee rgb(154,161,238)
```
#abb1f0
```
#abb1f0 rgb(171,177,240)
```
#bbc0f3
```
#bbc0f3 rgb(187,192,243)
```
#ccd0f6
```
#ccd0f6 rgb(204,208,246)
```
#dddff9
```
#dddff9 rgb(221,223,249)
```
#eeeffc
```
#eeeffc rgb(238,239,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9b9e is the less saturated color, while #4050f9 is the most saturated one.

#9b9b9e
```
#9b9b9e rgb(155,155,158)
```
#9495a5
```
#9495a5 rgb(148,149,165)
```
#8c8fad
```
#8c8fad rgb(140,143,173)
```
#8489b5
```
#8489b5 rgb(132,137,181)
```
#7d82bc
```
#7d82bc rgb(125,130,188)
```
#757cc4
```
#757cc4 rgb(117,124,196)
```
#6e76cb
```
#6e76cb rgb(110,118,203)
```
#6670d3
```
#6670d3 rgb(102,112,211)
```
#5f69da
```
#5f69da rgb(95,105,218)
```
#5763e2
```
#5763e2 rgb(87,99,226)
```
#4f5dea
```
#4f5dea rgb(79,93,234)
```
#4856f1
```
#4856f1 rgb(72,86,241)
```
#4050f9
```
#4050f9 rgb(64,80,249)
```

Tone Color Variation

Below, you can see how #5763e2 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
#696c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#19838d Tritanopia 0.001% of the population

Trichromacy

#1f6ee3 Protanomaly 1% of men, 0.01% of women
#1f72d2 Deuteranomaly 6% of men, 0.4% of women
#3077ac Tritanomaly 0.01% of the population

#5763e2 hex color

#5763e2 Color Information

#5763e2 Color Conversion

Color Schemes with #5763e2

Alternatives to #5763e2

#5763e2 Preview

Shades and Tints of #5763e2

Tones of #5763e2

Color Blindness Simulator