#5c7cb6 hex color

In a RGB color space, hex #5c7cb6 is composed of 36.1% red, 48.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 31.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 218.7 degrees, a saturation of 38.1% and a lightness of 53.7%. #5c7cb6 color hex could be obtained by blending #b8f8ff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 49
- B 71
RGB color chart
- C 49
- M 32
- Y 0
- K 29
CMYK color chart

● #5c7cb6 color description : Slightly desaturated blue.

The hexadecimal color #5c7cb6 has RGB values of R:92, G:124, B:182 and CMYK values of C:0.49, M:0.32, Y:0, K:0.29. Its decimal value is 6061238.

Hex triplet	5c7cb6	`#5c7cb6`
RGB Decimal	92, 124, 182	`rgb(92,124,182)`
RGB Percent	36.1, 48.6, 71.4	`rgb(36.1%,48.6%,71.4%)`
CMYK	49, 32, 0, 29
HSL	218.7°, 38.1, 53.7	`hsl(218.7,38.1%,53.7%)`
HSV (or HSB)	218.7°, 49.5, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.913, 4.978, -34.134
XYZ	20.063, 20.067, 47.07
xyY	0.23, 0.23, 20.067
CIE-LCH	51.913, 34.495, 278.298
CIE-LUV	51.913, -16.358, -52.406
Hunter-Lab	44.796, 1.551, -30.941
Binary	01011100, 01111100, 10110110

#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#b6965c
```
#b6965c rgb(182,150,92)
```

Complementary Color

#5ca9b6
```
#5ca9b6 rgb(92,169,182)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#695cb6
```
#695cb6 rgb(105,92,182)
```

Analogous Color

#a9b65c
```
#a9b65c rgb(169,182,92)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#b6695c
```
#b6695c rgb(182,105,92)
```

Split Complementary Color

#7cb65c
```
#7cb65c rgb(124,182,92)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#b65c7c
```
#b65c7c rgb(182,92,124)
```

Triadic Color

#5cb696
```
#5cb696 rgb(92,182,150)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#b65c7c
```
#b65c7c rgb(182,92,124)
```
#b6965c
```
#b6965c rgb(182,150,92)
```

Tetradic Color

#3d5888
```
#3d5888 rgb(61,88,136)
```
#45639a
```
#45639a rgb(69,99,154)
```
#4d6fac
```
#4d6fac rgb(77,111,172)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#6e8abe
```
#6e8abe rgb(110,138,190)
```
#7f98c6
```
#7f98c6 rgb(127,152,198)
```
#91a6ce
```
#91a6ce rgb(145,166,206)
```

Monochromatic Color

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

#5c93b6
```
#5c93b6 rgb(92,147,182)
```
#5c8bb6
```
#5c8bb6 rgb(92,139,182)
```
#5c84b6
```
#5c84b6 rgb(92,132,182)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#5c75b6
```
#5c75b6 rgb(92,117,182)
```
#5c6db6
```
#5c6db6 rgb(92,109,182)
```
#5c66b6
```
#5c66b6 rgb(92,102,182)
```

Similar Colors

Text with hexadecimal color #5c7cb6

This text has a font color of #5c7cb6.

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

#5c7cb6 background color

This paragraph has a background color of #5c7cb6.

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

#5c7cb6 border color

This element has a border color of #5c7cb6.

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

CSS codes

.text {color:#5c7cb6;}

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

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

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, #06080d is the darkest color, while #ffffff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c111b
```
#0c111b rgb(12,17,27)
```
#121a28
```
#121a28 rgb(18,26,40)
```
#182336
```
#182336 rgb(24,35,54)
```
#1e2b43
```
#1e2b43 rgb(30,43,67)
```
#243451
```
#243451 rgb(36,52,81)
```
#2a3d5e
```
#2a3d5e rgb(42,61,94)
```
#30466c
```
#30466c rgb(48,70,108)
```
#364e7a
```
#364e7a rgb(54,78,122)
```
#3c5787
```
#3c5787 rgb(60,87,135)
```
#436095
```
#436095 rgb(67,96,149)
```
#4968a2
```
#4968a2 rgb(73,104,162)
```
#4f71b0
```
#4f71b0 rgb(79,113,176)
```

Shade Color Variation

#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#6a87bc
```
#6a87bc rgb(106,135,188)
```
#7792c2
```
#7792c2 rgb(119,146,194)
```
#859dc8
```
#859dc8 rgb(133,157,200)
```
#92a8ce
```
#92a8ce rgb(146,168,206)
```
#a0b2d4
```
#a0b2d4 rgb(160,178,212)
```
#adbdda
```
#adbdda rgb(173,189,218)
```
#bbc8e0
```
#bbc8e0 rgb(187,200,224)
```
#c8d3e7
```
#c8d3e7 rgb(200,211,231)
```
#d6deed
```
#d6deed rgb(214,222,237)
```
#e3e9f3
```
#e3e9f3 rgb(227,233,243)
```
#f1f4f9
```
#f1f4f9 rgb(241,244,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#808692
```
#808692 rgb(128,134,146)
```
#77849b
```
#77849b rgb(119,132,155)
```
#6e81a4
```
#6e81a4 rgb(110,129,164)
```
#657fad
```
#657fad rgb(101,127,173)
```
#5c7cb6
```
#5c7cb6 rgb(92,124,182)
```
#5379bf
```
#5379bf rgb(83,121,191)
```
#4a77c8
```
#4a77c8 rgb(74,119,200)
```
#4174d1
```
#4174d1 rgb(65,116,209)
```
#3872da
```
#3872da rgb(56,114,218)
```
#2f6fe3
```
#2f6fe3 rgb(47,111,227)
```
#266cec
```
#266cec rgb(38,108,236)
```
#1c6af6
```
#1c6af6 rgb(28,106,246)
```
#1367ff
```
#1367ff rgb(19,103,255)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e80b8 Protanopia 1% of men
#6881ba Deuteranopia 1% of men
#558a94 Tritanopia 0.001% of the population

Trichromacy

#687fb7 Protanomaly 1% of men, 0.01% of women
#637fb8 Deuteranomaly 6% of men, 0.4% of women
#5785a0 Tritanomaly 0.01% of the population

#5c7cb6 hex color

#5c7cb6 Color Information

#5c7cb6 Color Conversion

Color Schemes with #5c7cb6

Alternatives to #5c7cb6

#5c7cb6 Preview

Shades and Tints of #5c7cb6

Tones of #5c7cb6

Color Blindness Simulator