#5c7fd2 hex color

In a RGB color space, hex #5c7fd2 is composed of 36.1% red, 49.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 39.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 222.2 degrees, a saturation of 56.7% and a lightness of 59.2%. #5c7fd2 color hex could be obtained by blending #b8feff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 50
- B 82
RGB color chart
- C 56
- M 40
- Y 0
- K 18
CMYK color chart

● #5c7fd2 color description : Moderate blue.

The hexadecimal color #5c7fd2 has RGB values of R:92, G:127, B:210 and CMYK values of C:0.56, M:0.4, Y:0, K:0.18. Its decimal value is 6062034.

Hex triplet	5c7fd2	`#5c7fd2`
RGB Decimal	92, 127, 210	`rgb(92,127,210)`
RGB Percent	36.1, 49.8, 82.4	`rgb(36.1%,49.8%,82.4%)`
CMYK	56, 40, 0, 18
HSL	222.2°, 56.7, 59.2	`hsl(222.2,56.7%,59.2%)`
HSV (or HSB)	222.2°, 56.2, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.139, 12.087, -46.596
XYZ	23.633, 22.106, 63.991
xyY	0.215, 0.201, 22.106
CIE-LCH	54.139, 48.139, 284.542
CIE-LUV	54.139, -17.651, -73.723
Hunter-Lab	47.017, 7.444, -47.783
Binary	01011100, 01111111, 11010010

#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#d2af5c
```
#d2af5c rgb(210,175,92)
```

Complementary Color

#5cbad2
```
#5cbad2 rgb(92,186,210)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#745cd2
```
#745cd2 rgb(116,92,210)
```

Analogous Color

#bad25c
```
#bad25c rgb(186,210,92)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#d2745c
```
#d2745c rgb(210,116,92)
```

Split Complementary Color

#7fd25c
```
#7fd25c rgb(127,210,92)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#d25c7f
```
#d25c7f rgb(210,92,127)
```

Triadic Color

#5cd2af
```
#5cd2af rgb(92,210,175)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#d25c7f
```
#d25c7f rgb(210,92,127)
```
#d2af5c
```
#d2af5c rgb(210,175,92)
```

Tetradic Color

#3157b1
```
#3157b1 rgb(49,87,177)
```
#3661c5
```
#3661c5 rgb(54,97,197)
```
#486fcc
```
#486fcc rgb(72,111,204)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#708fd8
```
#708fd8 rgb(112,143,216)
```
#849edd
```
#849edd rgb(132,158,221)
```
#98aee3
```
#98aee3 rgb(152,174,227)
```

Monochromatic Color

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

#5c9dd2
```
#5c9dd2 rgb(92,157,210)
```
#5c93d2
```
#5c93d2 rgb(92,147,210)
```
#5c89d2
```
#5c89d2 rgb(92,137,210)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#5c75d2
```
#5c75d2 rgb(92,117,210)
```
#5c6bd2
```
#5c6bd2 rgb(92,107,210)
```
#5c62d2
```
#5c62d2 rgb(92,98,210)
```

Similar Colors

Text with hexadecimal color #5c7fd2

This text has a font color of #5c7fd2.

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

#5c7fd2 background color

This paragraph has a background color of #5c7fd2.

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

#5c7fd2 border color

This element has a border color of #5c7fd2.

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

CSS codes

.text {color:#5c7fd2;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0a1225
```
#0a1225 rgb(10,18,37)
```
#0e1a34
```
#0e1a34 rgb(14,26,52)
```
#132144
```
#132144 rgb(19,33,68)
```
#172953
```
#172953 rgb(23,41,83)
```
#1b3062
```
#1b3062 rgb(27,48,98)
```
#1f3872
```
#1f3872 rgb(31,56,114)
```
#243f81
```
#243f81 rgb(36,63,129)
```
#284790
```
#284790 rgb(40,71,144)
```
#2c4ea0
```
#2c4ea0 rgb(44,78,160)
```
#3056af
```
#3056af rgb(48,86,175)
```
#355ebf
```
#355ebf rgb(53,94,191)
```

Shade Color Variation

#3d67ca
```
#3d67ca rgb(61,103,202)
```
#4d73ce
```
#4d73ce rgb(77,115,206)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#6b8bd6
```
#6b8bd6 rgb(107,139,214)
```
#7b97da
```
#7b97da rgb(123,151,218)
```
#8aa3df
```
#8aa3df rgb(138,163,223)
```
#99afe3
```
#99afe3 rgb(153,175,227)
```
#a9bbe7
```
#a9bbe7 rgb(169,187,231)
```
#b8c7eb
```
#b8c7eb rgb(184,199,235)
```
#c8d3f0
```
#c8d3f0 rgb(200,211,240)
```
#d7e0f4
```
#d7e0f4 rgb(215,224,244)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94969a is the less saturated color, while #346ffa is the most saturated one.

#94969a
```
#94969a rgb(148,150,154)
```
#8c93a2
```
#8c93a2 rgb(140,147,162)
```
#848faa
```
#848faa rgb(132,143,170)
```
#7c8cb2
```
#7c8cb2 rgb(124,140,178)
```
#7489ba
```
#7489ba rgb(116,137,186)
```
#6c86c2
```
#6c86c2 rgb(108,134,194)
```
#6482ca
```
#6482ca rgb(100,130,202)
```
#5c7fd2
```
#5c7fd2 rgb(92,127,210)
```
#547cda
```
#547cda rgb(84,124,218)
```
#4c78e2
```
#4c78e2 rgb(76,120,226)
```
#4475ea
```
#4475ea rgb(68,117,234)
```
#3c72f2
```
#3c72f2 rgb(60,114,242)
```
#346ffa
```
#346ffa rgb(52,111,250)
```

Tone Color Variation

Below, you can see how #5c7fd2 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
#777e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6585d4 Protanopia 1% of men
#5588d3 Deuteranopia 1% of men
#48929c Tritanopia 0.001% of the population

Trichromacy

#6283d3 Protanomaly 1% of men, 0.01% of women
#5785d2 Deuteranomaly 6% of men, 0.4% of women
#4f8bb0 Tritanomaly 0.01% of the population

#5c7fd2 hex color

#5c7fd2 Color Information

#5c7fd2 Color Conversion

Color Schemes with #5c7fd2

Alternatives to #5c7fd2

#5c7fd2 Preview

Shades and Tints of #5c7fd2

Tones of #5c7fd2

Color Blindness Simulator