colorhexa.com

#5c62f0 hex color

In a RGB color space, hex #5c62f0 is composed of 36.1% red, 38.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 59.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 237.6 degrees, a saturation of 83.1% and a lightness of 65.1%. #5c62f0 color hex could be obtained by blending #b8c4ff with #0000e1. Closest websafe color is: #6666ff.

- R 36
- G 38
- B 94
RGB color chart
- C 62
- M 59
- Y 0
- K 6
CMYK color chart

● #5c62f0 color description : Soft blue.

The hexadecimal color #5c62f0 has RGB values of R:92, G:98, B:240 and CMYK values of C:0.62, M:0.59, Y:0, K:0.06. Its decimal value is 6054640.

Hex triplet	5c62f0	`#5c62f0`
RGB Decimal	92, 98, 240	`rgb(92,98,240)`
RGB Percent	36.1, 38.4, 94.1	`rgb(36.1%,38.4%,94.1%)`
CMYK	62, 59, 0, 6
HSL	237.6°, 83.1, 65.1	`hsl(237.6,83.1%,65.1%)`
HSV (or HSB)	237.6°, 61.7, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.637, 39.63, -72.337
XYZ	24.506, 17.301, 84.481
xyY	0.194, 0.137, 17.301
CIE-LCH	48.637, 82.481, 298.716
CIE-LUV	48.637, -9.771, -112.943
Hunter-Lab	41.594, 32.378, -91.307
Binary	01011100, 01100010, 11110000

#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#f0ea5c
```
#f0ea5c rgb(240,234,92)
```

Complementary Color

#5cacf0
```
#5cacf0 rgb(92,172,240)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#a05cf0
```
#a05cf0 rgb(160,92,240)
```

Analogous Color

#acf05c
```
#acf05c rgb(172,240,92)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#f0a05c
```
#f0a05c rgb(240,160,92)
```

Split Complementary Color

#62f05c
```
#62f05c rgb(98,240,92)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#f05c62
```
#f05c62 rgb(240,92,98)
```

Triadic Color

#5cf0ea
```
#5cf0ea rgb(92,240,234)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#f05c62
```
#f05c62 rgb(240,92,98)
```
#f0ea5c
```
#f0ea5c rgb(240,234,92)
```

Tetradic Color

#161fea
```
#161fea rgb(22,31,234)
```
#2d35ec
```
#2d35ec rgb(45,53,236)
```
#454cee
```
#454cee rgb(69,76,238)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#7378f2
```
#7378f2 rgb(115,120,242)
```
#8b8ff4
```
#8b8ff4 rgb(139,143,244)
```
#a2a5f6
```
#a2a5f6 rgb(162,165,246)
```

Monochromatic Color

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

#5c87f0
```
#5c87f0 rgb(92,135,240)
```
#5c7bf0
```
#5c7bf0 rgb(92,123,240)
```
#5c6ef0
```
#5c6ef0 rgb(92,110,240)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#625cf0
```
#625cf0 rgb(98,92,240)
```
#6f5cf0
```
#6f5cf0 rgb(111,92,240)
```
#7b5cf0
```
#7b5cf0 rgb(123,92,240)
```

Similar Colors

Text with hexadecimal color #5c62f0

This text has a font color of #5c62f0.

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

#5c62f0 background color

This paragraph has a background color of #5c62f0.

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

#5c62f0 border color

This element has a border color of #5c62f0.

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

CSS codes

.text {color:#5c62f0;}

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

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

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

#020211
```
#020211 rgb(2,2,17)
```
#030423
```
#030423 rgb(3,4,35)
```
#050735
```
#050735 rgb(5,7,53)
```
#060947
```
#060947 rgb(6,9,71)
```
#080b58
```
#080b58 rgb(8,11,88)
```
#0a0e6a
```
#0a0e6a rgb(10,14,106)
```
#0b107c
```
#0b107c rgb(11,16,124)
```
#0d128e
```
#0d128e rgb(13,18,142)
```
#0f15a0
```
#0f15a0 rgb(15,21,160)
```
#1017b2
```
#1017b2 rgb(16,23,178)
```
#1219c4
```
#1219c4 rgb(18,25,196)
```
#141cd6
```
#141cd6 rgb(20,28,214)
```
#151ee8
```
#151ee8 rgb(21,30,232)
```

Shade Color Variation

#262eeb
```
#262eeb rgb(38,46,235)
```
#383fed
```
#383fed rgb(56,63,237)
```
#4a51ee
```
#4a51ee rgb(74,81,238)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#6e73f2
```
#6e73f2 rgb(110,115,242)
```
#8085f3
```
#8085f3 rgb(128,133,243)
```
#9296f5
```
#9296f5 rgb(146,150,245)
```
#a4a7f7
```
#a4a7f7 rgb(164,167,247)
```
#b6b9f8
```
#b6b9f8 rgb(182,185,248)
```
#c8cafa
```
#c8cafa rgb(200,202,250)
```
#dadbfc
```
#dadbfc rgb(218,219,252)
```
#ececfd
```
#ececfd rgb(236,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a0a1ac
```
#a0a1ac rgb(160,161,172)
```
#9a9bb2
```
#9a9bb2 rgb(154,155,178)
```
#9394b9
```
#9394b9 rgb(147,148,185)
```
#8c8ec0
```
#8c8ec0 rgb(140,142,192)
```
#8588c7
```
#8588c7 rgb(133,136,199)
```
#7e81ce
```
#7e81ce rgb(126,129,206)
```
#777bd5
```
#777bd5 rgb(119,123,213)
```
#7175db
```
#7175db rgb(113,117,219)
```
#6a6fe2
```
#6a6fe2 rgb(106,111,226)
```
#6368e9
```
#6368e9 rgb(99,104,233)
```
#5c62f0
```
#5c62f0 rgb(92,98,240)
```
#555cf7
```
#555cf7 rgb(85,92,247)
```
#4e55fe
```
#4e55fe rgb(78,85,254)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6c6d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#216feb Protanomaly 1% of men, 0.01% of women
#2173d9 Deuteranomaly 6% of men, 0.4% of women
#2179b3 Tritanomaly 0.01% of the population