#5c7aeb hex color

In a RGB color space, hex #5c7aeb is composed of 36.1% red, 47.8% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 48.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 227.4 degrees, a saturation of 78.1% and a lightness of 64.1%. #5c7aeb color hex could be obtained by blending #b8f4ff with #0000d7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 48
- B 92
RGB color chart
- C 61
- M 48
- Y 0
- K 8
CMYK color chart

● #5c7aeb color description : Soft blue.

The hexadecimal color #5c7aeb has RGB values of R:92, G:122, B:235 and CMYK values of C:0.61, M:0.48, Y:0, K:0.08. Its decimal value is 6060779.

Hex triplet	5c7aeb	`#5c7aeb`
RGB Decimal	92, 122, 235	`rgb(92,122,235)`
RGB Percent	36.1, 47.8, 92.2	`rgb(36.1%,47.8%,92.2%)`
CMYK	61, 48, 0, 8
HSL	227.4°, 78.1, 64.1	`hsl(227.4,78.1%,64.1%)`
HSV (or HSB)	227.4°, 60.9, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.229, 23.376, -60.497
XYZ	26.365, 22.191, 81.487
xyY	0.203, 0.171, 22.191
CIE-LCH	54.229, 64.856, 291.127
CIE-LUV	54.229, -16.317, -96.938
Hunter-Lab	47.107, 17.466, -69.585
Binary	01011100, 01111010, 11101011

#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#ebcd5c
```
#ebcd5c rgb(235,205,92)
```

Complementary Color

#5cc2eb
```
#5cc2eb rgb(92,194,235)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#865ceb
```
#865ceb rgb(134,92,235)
```

Analogous Color

#c2eb5c
```
#c2eb5c rgb(194,235,92)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#eb865c
```
#eb865c rgb(235,134,92)
```

Split Complementary Color

#7aeb5c
```
#7aeb5c rgb(122,235,92)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#eb5c7a
```
#eb5c7a rgb(235,92,122)
```

Triadic Color

#5cebcd
```
#5cebcd rgb(92,235,205)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#eb5c7a
```
#eb5c7a rgb(235,92,122)
```
#ebcd5c
```
#ebcd5c rgb(235,205,92)
```

Tetradic Color

#1b44df
```
#1b44df rgb(27,68,223)
```
#2f55e5
```
#2f55e5 rgb(47,85,229)
```
#4567e8
```
#4567e8 rgb(69,103,232)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#738dee
```
#738dee rgb(115,141,238)
```
#899ff1
```
#899ff1 rgb(137,159,241)
```
#a0b2f3
```
#a0b2f3 rgb(160,178,243)
```

Monochromatic Color

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

#5c9eeb
```
#5c9eeb rgb(92,158,235)
```
#5c92eb
```
#5c92eb rgb(92,146,235)
```
#5c86eb
```
#5c86eb rgb(92,134,235)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#5c6eeb
```
#5c6eeb rgb(92,110,235)
```
#5c62eb
```
#5c62eb rgb(92,98,235)
```
#625ceb
```
#625ceb rgb(98,92,235)
```

Similar Colors

Text with hexadecimal color #5c7aeb

This text has a font color of #5c7aeb.

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

#5c7aeb background color

This paragraph has a background color of #5c7aeb.

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

#5c7aeb border color

This element has a border color of #5c7aeb.

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

CSS codes

.text {color:#5c7aeb;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#04091d
```
#04091d rgb(4,9,29)
```
#060e2f
```
#060e2f rgb(6,14,47)
```
#081440
```
#081440 rgb(8,20,64)
```
#0a1952
```
#0a1952 rgb(10,25,82)
```
#0c1e63
```
#0c1e63 rgb(12,30,99)
```
#0e2475
```
#0e2475 rgb(14,36,117)
```
#102986
```
#102986 rgb(16,41,134)
```
#132e97
```
#132e97 rgb(19,46,151)
```
#1534a9
```
#1534a9 rgb(21,52,169)
```
#1739ba
```
#1739ba rgb(23,57,186)
```
#193fcc
```
#193fcc rgb(25,63,204)
```
#1b44dd
```
#1b44dd rgb(27,68,221)
```

Shade Color Variation

#284fe5
```
#284fe5 rgb(40,79,229)
```
#395de7
```
#395de7 rgb(57,93,231)
```
#4b6ce9
```
#4b6ce9 rgb(75,108,233)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#6d88ed
```
#6d88ed rgb(109,136,237)
```
#7f97ef
```
#7f97ef rgb(127,151,239)
```
#90a5f1
```
#90a5f1 rgb(144,165,241)
```
#a2b3f4
```
#a2b3f4 rgb(162,179,244)
```
#b3c1f6
```
#b3c1f6 rgb(179,193,246)
```
#c5d0f8
```
#c5d0f8 rgb(197,208,248)
```
#d6defa
```
#d6defa rgb(214,222,250)
```
#e8ecfc
```
#e8ecfc rgb(232,236,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#a2a3a5
```
#a2a3a5 rgb(162,163,165)
```
#9b9fac
```
#9b9fac rgb(155,159,172)
```
#949bb3
```
#949bb3 rgb(148,155,179)
```
#8d97ba
```
#8d97ba rgb(141,151,186)
```
#8693c1
```
#8693c1 rgb(134,147,193)
```
#7f8ec8
```
#7f8ec8 rgb(127,142,200)
```
#788acf
```
#788acf rgb(120,138,207)
```
#7186d6
```
#7186d6 rgb(113,134,214)
```
#6a82dd
```
#6a82dd rgb(106,130,221)
```
#637ee4
```
#637ee4 rgb(99,126,228)
```
#5c7aeb
```
#5c7aeb rgb(92,122,235)
```
#5576f2
```
#5576f2 rgb(85,118,242)
```
#4e72f9
```
#4e72f9 rgb(78,114,249)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4984ef Protanopia 1% of men
#008ae6 Deuteranopia 1% of men
#2f949f Tritanopia 0.001% of the population

Trichromacy

#5080ed Protanomaly 1% of men, 0.01% of women
#2184e8 Deuteranomaly 6% of men, 0.4% of women
#3f8aba Tritanomaly 0.01% of the population

#5c7aeb hex color

#5c7aeb Color Information

#5c7aeb Color Conversion

Color Schemes with #5c7aeb

Alternatives to #5c7aeb

#5c7aeb Preview

Shades and Tints of #5c7aeb

Tones of #5c7aeb

Color Blindness Simulator