colorhexa.com

#5c7cb1 hex color

In a RGB color space, hex #5c7cb1 is composed of 36.1% red, 48.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 29.9% magenta, 0% yellow and 30.6% black. It has a hue angle of 217.4 degrees, a saturation of 35.3% and a lightness of 52.7%. #5c7cb1 color hex could be obtained by blending #b8f8ff with #000063. Closest websafe color is: #666699.

- R 36
- G 49
- B 69
RGB color chart
- C 48
- M 30
- Y 0
- K 31
CMYK color chart

● #5c7cb1 color description : Dark moderate blue.

The hexadecimal color #5c7cb1 has RGB values of R:92, G:124, B:177 and CMYK values of C:0.48, M:0.3, Y:0, K:0.31. Its decimal value is 6061233.

Hex triplet	5c7cb1	`#5c7cb1`
RGB Decimal	92, 124, 177	`rgb(92,124,177)`
RGB Percent	36.1, 48.6, 69.4	`rgb(36.1%,48.6%,69.4%)`
CMYK	48, 30, 0, 31
HSL	217.4°, 35.3, 52.7	`hsl(217.4,35.3%,52.7%)`
HSV (or HSB)	217.4°, 48, 69.4
Web Safe	666699	`#666699`

CIE-LAB	51.683, 3.437, -31.611
XYZ	19.555, 19.864, 44.396
xyY	0.233, 0.237, 19.864
CIE-LCH	51.683, 31.797, 276.205
CIE-LUV	51.683, -16.318, -48.158
Hunter-Lab	44.569, 0.324, -27.862
Binary	01011100, 01111100, 10110001

#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#b1915c
```
#b1915c rgb(177,145,92)
```

Complementary Color

#5ca7b1
```
#5ca7b1 rgb(92,167,177)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#675cb1
```
#675cb1 rgb(103,92,177)
```

Analogous Color

#a7b15c
```
#a7b15c rgb(167,177,92)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#b1675c
```
#b1675c rgb(177,103,92)
```

Split Complementary Color

#7cb15c
```
#7cb15c rgb(124,177,92)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#b15c7c
```
#b15c7c rgb(177,92,124)
```

Triadic Color

#5cb191
```
#5cb191 rgb(92,177,145)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#b15c7c
```
#b15c7c rgb(177,92,124)
```
#b1915c
```
#b1915c rgb(177,145,92)
```

Tetradic Color

#3e5882
```
#3e5882 rgb(62,88,130)
```
#476493
```
#476493 rgb(71,100,147)
```
#4f6fa5
```
#4f6fa5 rgb(79,111,165)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#6d8ab9
```
#6d8ab9 rgb(109,138,185)
```
#7e98c2
```
#7e98c2 rgb(126,152,194)
```
#90a6ca
```
#90a6ca rgb(144,166,202)
```

Monochromatic Color

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

#5c91b1
```
#5c91b1 rgb(92,145,177)
```
#5c8ab1
```
#5c8ab1 rgb(92,138,177)
```
#5c83b1
```
#5c83b1 rgb(92,131,177)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#5c75b1
```
#5c75b1 rgb(92,117,177)
```
#5c6eb1
```
#5c6eb1 rgb(92,110,177)
```
#5c67b1
```
#5c67b1 rgb(92,103,177)
```

Similar Colors

Text with hexadecimal color #5c7cb1

This text has a font color of #5c7cb1.

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

#5c7cb1 background color

This paragraph has a background color of #5c7cb1.

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

#5c7cb1 border color

This element has a border color of #5c7cb1.

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

CSS codes

.text {color:#5c7cb1;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111824
```
#111824 rgb(17,24,36)
```
#182131
```
#182131 rgb(24,33,49)
```
#1e2a3f
```
#1e2a3f rgb(30,42,63)
```
#24334c
```
#24334c rgb(36,51,76)
```
#2b3c59
```
#2b3c59 rgb(43,60,89)
```
#314566
```
#314566 rgb(49,69,102)
```
#374e74
```
#374e74 rgb(55,78,116)
```
#3e5781
```
#3e5781 rgb(62,87,129)
```
#44608e
```
#44608e rgb(68,96,142)
```
#4a699b
```
#4a699b rgb(74,105,155)
```
#5172a9
```
#5172a9 rgb(81,114,169)
```

Shade Color Variation

#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#6987b7
```
#6987b7 rgb(105,135,183)
```
#7791be
```
#7791be rgb(119,145,190)
```
#849cc4
```
#849cc4 rgb(132,156,196)
```
#91a7ca
```
#91a7ca rgb(145,167,202)
```
#9eb1d1
```
#9eb1d1 rgb(158,177,209)
```
#acbcd7
```
#acbcd7 rgb(172,188,215)
```
#b9c7dd
```
#b9c7dd rgb(185,199,221)
```
#c6d1e4
```
#c6d1e4 rgb(198,209,228)
```
#d3dcea
```
#d3dcea rgb(211,220,234)
```
#e1e7f0
```
#e1e7f0 rgb(225,231,240)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81858c is the less saturated color, while #126afb is the most saturated one.

#81858c
```
#81858c rgb(129,133,140)
```
#788395
```
#788395 rgb(120,131,149)
```
#6f819e
```
#6f819e rgb(111,129,158)
```
#657ea8
```
#657ea8 rgb(101,126,168)
```
#5c7cb1
```
#5c7cb1 rgb(92,124,177)
```
#537aba
```
#537aba rgb(83,122,186)
```
#4977c4
```
#4977c4 rgb(73,119,196)
```
#4075cd
```
#4075cd rgb(64,117,205)
```
#3773d6
```
#3773d6 rgb(55,115,214)
```
#2e71df
```
#2e71df rgb(46,113,223)
```
#246ee9
```
#246ee9 rgb(36,110,233)
```
#1b6cf2
```
#1b6cf2 rgb(27,108,242)
```
#126afb
```
#126afb rgb(18,106,251)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7080b3 Protanopia 1% of men
#6b81b5 Deuteranopia 1% of men
#578993 Tritanopia 0.001% of the population

Trichromacy

#697eb2 Protanomaly 1% of men, 0.01% of women
#667fb4 Deuteranomaly 6% of men, 0.4% of women
#59849e Tritanomaly 0.01% of the population