#5a7cde hex color

In a RGB color space, hex #5a7cde is composed of 35.3% red, 48.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 44.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 224.5 degrees, a saturation of 66.7% and a lightness of 61.2%. #5a7cde color hex could be obtained by blending #b4f8ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 49
- B 87
RGB color chart
- C 59
- M 44
- Y 0
- K 13
CMYK color chart

● #5a7cde color description : Soft blue.

The hexadecimal color #5a7cde has RGB values of R:90, G:124, B:222 and CMYK values of C:0.59, M:0.44, Y:0, K:0.13. Its decimal value is 5930206.

Hex triplet	5a7cde	`#5a7cde`
RGB Decimal	90, 124, 222	`rgb(90,124,222)`
RGB Percent	35.3, 48.6, 87.1	`rgb(35.3%,48.6%,87.1%)`
CMYK	59, 44, 0, 13
HSL	224.5°, 66.7, 61.2	`hsl(224.5,66.7%,61.2%)`
HSV (or HSB)	224.5°, 59.5, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.88, 17.462, -53.781
XYZ	24.606, 21.862, 72.026
xyY	0.208, 0.184, 21.862
CIE-LCH	53.88, 56.545, 287.988
CIE-LUV	53.88, -17.331, -85.67
Hunter-Lab	46.756, 12.114, -58.604
Binary	01011010, 01111100, 11011110

#5a7cde
```
#5a7cde rgb(90,124,222)
```
#debc5a
```
#debc5a rgb(222,188,90)
```

Complementary Color

#5abede
```
#5abede rgb(90,190,222)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#7a5ade
```
#7a5ade rgb(122,90,222)
```

Analogous Color

#bede5a
```
#bede5a rgb(190,222,90)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#de7a5a
```
#de7a5a rgb(222,122,90)
```

Split Complementary Color

#7cde5a
```
#7cde5a rgb(124,222,90)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#de5a7c
```
#de5a7c rgb(222,90,124)
```

Triadic Color

#5adebc
```
#5adebc rgb(90,222,188)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#de5a7c
```
#de5a7c rgb(222,90,124)
```
#debc5a
```
#debc5a rgb(222,188,90)
```

Tetradic Color

#2750c4
```
#2750c4 rgb(39,80,196)
```
#305ad6
```
#305ad6 rgb(48,90,214)
```
#456bda
```
#456bda rgb(69,107,218)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#6f8de2
```
#6f8de2 rgb(111,141,226)
```
#859ee7
```
#859ee7 rgb(133,158,231)
```
#9aafeb
```
#9aafeb rgb(154,175,235)
```

Monochromatic Color

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

#5a9dde
```
#5a9dde rgb(90,157,222)
```
#5a92de
```
#5a92de rgb(90,146,222)
```
#5a87de
```
#5a87de rgb(90,135,222)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#5a71de
```
#5a71de rgb(90,113,222)
```
#5a66de
```
#5a66de rgb(90,102,222)
```
#5a5bde
```
#5a5bde rgb(90,91,222)
```

Similar Colors

Text with hexadecimal color #5a7cde

This text has a font color of #5a7cde.

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

#5a7cde background color

This paragraph has a background color of #5a7cde.

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

#5a7cde border color

This element has a border color of #5a7cde.

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

CSS codes

.text {color:#5a7cde;}

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

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

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, #03060f is the darkest color, while #fdfeff is the lightest one.

#03060f
```
#03060f rgb(3,6,15)
```
#060d1f
```
#060d1f rgb(6,13,31)
```
#0a1330
```
#0a1330 rgb(10,19,48)
```
#0d1a40
```
#0d1a40 rgb(13,26,64)
```
#102150
```
#102150 rgb(16,33,80)
```
#132761
```
#132761 rgb(19,39,97)
```
#172e71
```
#172e71 rgb(23,46,113)
```
#1a3481
```
#1a3481 rgb(26,52,129)
```
#1d3b92
```
#1d3b92 rgb(29,59,146)
```
#2042a2
```
#2042a2 rgb(32,66,162)
```
#2448b2
```
#2448b2 rgb(36,72,178)
```
#274fc3
```
#274fc3 rgb(39,79,195)
```
#2a56d3
```
#2a56d3 rgb(42,86,211)
```

Shade Color Variation

#3962d7
```
#3962d7 rgb(57,98,215)
```
#4a6fdb
```
#4a6fdb rgb(74,111,219)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#6a89e1
```
#6a89e1 rgb(106,137,225)
```
#7b96e5
```
#7b96e5 rgb(123,150,229)
```
#8ba3e8
```
#8ba3e8 rgb(139,163,232)
```
#9bb0eb
```
#9bb0eb rgb(155,176,235)
```
#acbdee
```
#acbdee rgb(172,189,238)
```
#bccaf2
```
#bccaf2 rgb(188,202,242)
```
#ccd7f5
```
#ccd7f5 rgb(204,215,245)
```
#dde4f8
```
#dde4f8 rgb(221,228,248)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979aa1 is the less saturated color, while #3c6dfc is the most saturated one.

#979aa1
```
#979aa1 rgb(151,154,161)
```
#8f96a9
```
#8f96a9 rgb(143,150,169)
```
#8892b0
```
#8892b0 rgb(136,146,176)
```
#808eb8
```
#808eb8 rgb(128,142,184)
```
#788bc0
```
#788bc0 rgb(120,139,192)
```
#7187c7
```
#7187c7 rgb(113,135,199)
```
#6983cf
```
#6983cf rgb(105,131,207)
```
#6280d6
```
#6280d6 rgb(98,128,214)
```
#5a7cde
```
#5a7cde rgb(90,124,222)
```
#5278e6
```
#5278e6 rgb(82,120,230)
```
#4b75ed
```
#4b75ed rgb(75,117,237)
```
#4371f5
```
#4371f5 rgb(67,113,245)
```
#3c6dfc
```
#3c6dfc rgb(60,109,252)
```

Tone Color Variation

Below, you can see how #5a7cde 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

#7d7d7d Achromatopsia 0.005% of the population
#767d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5884e0 Protanopia 1% of men
#3c88dd Deuteranopia 1% of men
#3a929d Tritanopia 0.001% of the population

Trichromacy

#5981df Protanomaly 1% of men, 0.01% of women
#4784dd Deuteranomaly 6% of men, 0.4% of women
#458ab4 Tritanomaly 0.01% of the population

#5a7cde hex color

#5a7cde Color Information

#5a7cde Color Conversion

Color Schemes with #5a7cde

Alternatives to #5a7cde

#5a7cde Preview

Shades and Tints of #5a7cde

Tones of #5a7cde

Color Blindness Simulator