#5c71b2 hex color

In a RGB color space, hex #5c71b2 is composed of 36.1% red, 44.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 36.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 225.3 degrees, a saturation of 35.8% and a lightness of 52.9%. #5c71b2 color hex could be obtained by blending #b8e2ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 44
- B 70
RGB color chart
- C 48
- M 37
- Y 0
- K 30
CMYK color chart

● #5c71b2 color description : Dark moderate blue.

The hexadecimal color #5c71b2 has RGB values of R:92, G:113, B:178 and CMYK values of C:0.48, M:0.37, Y:0, K:0.3. Its decimal value is 6058418.

Hex triplet	5c71b2	`#5c71b2`
RGB Decimal	92, 113, 178	`rgb(92,113,178)`
RGB Percent	36.1, 44.3, 69.8	`rgb(36.1%,44.3%,69.8%)`
CMYK	48, 37, 0, 30
HSL	225.3°, 35.8, 52.9	`hsl(225.3,35.8%,52.9%)`
HSV (or HSB)	225.3°, 48.3, 69.8
Web Safe	666699	`#666699`

CIE-LAB	48.635, 10.398, -36.97
XYZ	18.353, 17.299, 44.489
xyY	0.229, 0.216, 17.299
CIE-LCH	48.635, 38.404, 285.709
CIE-LUV	48.635, -12.238, -56.78
Hunter-Lab	41.592, 5.978, -34.305
Binary	01011100, 01110001, 10110010

#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#b29d5c
```
#b29d5c rgb(178,157,92)
```

Complementary Color

#5c9cb2
```
#5c9cb2 rgb(92,156,178)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#725cb2
```
#725cb2 rgb(114,92,178)
```

Analogous Color

#9cb25c
```
#9cb25c rgb(156,178,92)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#b2725c
```
#b2725c rgb(178,114,92)
```

Split Complementary Color

#71b25c
```
#71b25c rgb(113,178,92)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#b25c71
```
#b25c71 rgb(178,92,113)
```

Triadic Color

#5cb29d
```
#5cb29d rgb(92,178,157)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#b25c71
```
#b25c71 rgb(178,92,113)
```
#b29d5c
```
#b29d5c rgb(178,157,92)
```

Tetradic Color

#3e4f83
```
#3e4f83 rgb(62,79,131)
```
#465995
```
#465995 rgb(70,89,149)
```
#4e64a6
```
#4e64a6 rgb(78,100,166)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#6d80ba
```
#6d80ba rgb(109,128,186)
```
#7f8fc2
```
#7f8fc2 rgb(127,143,194)
```
#909ecb
```
#909ecb rgb(144,158,203)
```

Monochromatic Color

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

#5c87b2
```
#5c87b2 rgb(92,135,178)
```
#5c7fb2
```
#5c7fb2 rgb(92,127,178)
```
#5c78b2
```
#5c78b2 rgb(92,120,178)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#5c6ab2
```
#5c6ab2 rgb(92,106,178)
```
#5c63b2
```
#5c63b2 rgb(92,99,178)
```
#5d5cb2
```
#5d5cb2 rgb(93,92,178)
```

Similar Colors

Text with hexadecimal color #5c71b2

This text has a font color of #5c71b2.

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

#5c71b2 background color

This paragraph has a background color of #5c71b2.

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

#5c71b2 border color

This element has a border color of #5c71b2.

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

CSS codes

.text {color:#5c71b2;}

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

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

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0e18
```
#0b0e18 rgb(11,14,24)
```
#111625
```
#111625 rgb(17,22,37)
```
#181e32
```
#181e32 rgb(24,30,50)
```
#1e263f
```
#1e263f rgb(30,38,63)
```
#242e4d
```
#242e4d rgb(36,46,77)
```
#2b365a
```
#2b365a rgb(43,54,90)
```
#313e67
```
#313e67 rgb(49,62,103)
```
#374675
```
#374675 rgb(55,70,117)
```
#3d4e82
```
#3d4e82 rgb(61,78,130)
```
#44568f
```
#44568f rgb(68,86,143)
```
#4a5e9d
```
#4a5e9d rgb(74,94,157)
```
#5066aa
```
#5066aa rgb(80,102,170)
```

Shade Color Variation

#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#697db8
```
#697db8 rgb(105,125,184)
```
#7788bf
```
#7788bf rgb(119,136,191)
```
#8494c5
```
#8494c5 rgb(132,148,197)
```
#919fcb
```
#919fcb rgb(145,159,203)
```
#9fabd1
```
#9fabd1 rgb(159,171,209)
```
#acb7d8
```
#acb7d8 rgb(172,183,216)
```
#b9c2de
```
#b9c2de rgb(185,194,222)
```
#c7cee4
```
#c7cee4 rgb(199,206,228)
```
#d4d9eb
```
#d4d9eb rgb(212,217,235)
```
#e1e5f1
```
#e1e5f1 rgb(225,229,241)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848d is the less saturated color, while #124bfc is the most saturated one.

#81848d
```
#81848d rgb(129,132,141)
```
#787f96
```
#787f96 rgb(120,127,150)
```
#6e7aa0
```
#6e7aa0 rgb(110,122,160)
```
#6576a9
```
#6576a9 rgb(101,118,169)
```
#5c71b2
```
#5c71b2 rgb(92,113,178)
```
#536cbb
```
#536cbb rgb(83,108,187)
```
#4a68c4
```
#4a68c4 rgb(74,104,196)
```
#4063ce
```
#4063ce rgb(64,99,206)
```
#375ed7
```
#375ed7 rgb(55,94,215)
```
#2e59e0
```
#2e59e0 rgb(46,89,224)
```
#2555e9
```
#2555e9 rgb(37,85,233)
```
#1b50f3
```
#1b50f3 rgb(27,80,243)
```
#124bfc
```
#124bfc rgb(18,75,252)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e727f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6278b6 Protanopia 1% of men
#5b7ab5 Deuteranopia 1% of men
#54818b Tritanopia 0.001% of the population

Trichromacy

#6075b4 Protanomaly 1% of men, 0.01% of women
#5b77b4 Deuteranomaly 6% of men, 0.4% of women
#567b99 Tritanomaly 0.01% of the population

#5c71b2 hex color

#5c71b2 Color Information

#5c71b2 Color Conversion

Color Schemes with #5c71b2

Alternatives to #5c71b2

#5c71b2 Preview

Shades and Tints of #5c71b2

Tones of #5c71b2

Color Blindness Simulator