#5c63fa hex color

In a RGB color space, hex #5c63fa is composed of 36.1% red, 38.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 60.4% magenta, 0% yellow and 2% black. It has a hue angle of 237.3 degrees, a saturation of 94% and a lightness of 67.1%. #5c63fa color hex could be obtained by blending #b8c6ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 39
- B 98
RGB color chart
- C 63
- M 60
- Y 0
- K 2
CMYK color chart

● #5c63fa color description : Soft blue.

The hexadecimal color #5c63fa has RGB values of R:92, G:99, B:250 and CMYK values of C:0.63, M:0.6, Y:0, K:0.02. Its decimal value is 6054906.

Hex triplet	5c63fa	`#5c63fa`
RGB Decimal	92, 99, 250	`rgb(92,99,250)`
RGB Percent	36.1, 38.8, 98	`rgb(36.1%,38.8%,98%)`
CMYK	63, 60, 0, 2
HSL	237.3°, 94, 67.1	`hsl(237.3,94%,67.1%)`
HSV (or HSB)	237.3°, 63.2, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.617, 42.272, -76.323
XYZ	26.127, 18.1, 92.554
xyY	0.191, 0.132, 18.1
CIE-LCH	49.617, 87.248, 298.98
CIE-LUV	49.617, -10.433, -119.442
Hunter-Lab	42.544, 35.17, -99.204
Binary	01011100, 01100011, 11111010

#5c63fa
```
#5c63fa rgb(92,99,250)
```
#faf35c
```
#faf35c rgb(250,243,92)
```

Complementary Color

#5cb2fa
```
#5cb2fa rgb(92,178,250)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#a45cfa
```
#a45cfa rgb(164,92,250)
```

Analogous Color

#b2fa5c
```
#b2fa5c rgb(178,250,92)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#faa45c
```
#faa45c rgb(250,164,92)
```

Split Complementary Color

#63fa5c
```
#63fa5c rgb(99,250,92)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#fa5c63
```
#fa5c63 rgb(250,92,99)
```

Triadic Color

#5cfaf3
```
#5cfaf3 rgb(92,250,243)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#fa5c63
```
#fa5c63 rgb(250,92,99)
```
#faf35c
```
#faf35c rgb(250,243,92)
```

Tetradic Color

#121cf8
```
#121cf8 rgb(18,28,248)
```
#2b34f8
```
#2b34f8 rgb(43,52,248)
```
#434bf9
```
#434bf9 rgb(67,75,249)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#757bfb
```
#757bfb rgb(117,123,251)
```
#8d92fc
```
#8d92fc rgb(141,146,252)
```
#a6aafc
```
#a6aafc rgb(166,170,252)
```

Monochromatic Color

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

#5c8bfa
```
#5c8bfa rgb(92,139,250)
```
#5c7dfa
```
#5c7dfa rgb(92,125,250)
```
#5c70fa
```
#5c70fa rgb(92,112,250)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#625cfa
```
#625cfa rgb(98,92,250)
```
#6f5cfa
```
#6f5cfa rgb(111,92,250)
```
#7d5cfa
```
#7d5cfa rgb(125,92,250)
```

Similar Colors

Text with hexadecimal color #5c63fa

This text has a font color of #5c63fa.

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

#5c63fa background color

This paragraph has a background color of #5c63fa.

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

#5c63fa border color

This element has a border color of #5c63fa.

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

CSS codes

.text {color:#5c63fa;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01021b
```
#01021b rgb(1,2,27)
```
#01032e
```
#01032e rgb(1,3,46)
```
#020541
```
#020541 rgb(2,5,65)
```
#030654
```
#030654 rgb(3,6,84)
```
#030867
```
#030867 rgb(3,8,103)
```
#04097a
```
#04097a rgb(4,9,122)
```
#040a8e
```
#040a8e rgb(4,10,142)
```
#050ca1
```
#050ca1 rgb(5,12,161)
```
#060db4
```
#060db4 rgb(6,13,180)
```
#060fc7
```
#060fc7 rgb(6,15,199)
```
#0710da
```
#0710da rgb(7,16,218)
```
#0711ed
```
#0711ed rgb(7,17,237)
```

Shade Color Variation

#101af8
```
#101af8 rgb(16,26,248)
```
#232cf8
```
#232cf8 rgb(35,44,248)
```
#363ff9
```
#363ff9 rgb(54,63,249)
```
#4951f9
```
#4951f9 rgb(73,81,249)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```
#6f75fb
```
#6f75fb rgb(111,117,251)
```
#8287fb
```
#8287fb rgb(130,135,251)
```
#959afc
```
#959afc rgb(149,154,252)
```
#a8acfc
```
#a8acfc rgb(168,172,252)
```
#bbbefd
```
#bbbefd rgb(187,190,253)
```
#ced0fe
```
#ced0fe rgb(206,208,254)
```
#e1e3fe
```
#e1e3fe rgb(225,227,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#aaaaac
```
#aaaaac rgb(170,170,172)
```
#a3a4b3
```
#a3a4b3 rgb(163,164,179)
```
#9d9eb9
```
#9d9eb9 rgb(157,158,185)
```
#9698c0
```
#9698c0 rgb(150,152,192)
```
#9092c6
```
#9092c6 rgb(144,146,198)
```
#898ccd
```
#898ccd rgb(137,140,205)
```
#8386d3
```
#8386d3 rgb(131,134,211)
```
#7c80da
```
#7c80da rgb(124,128,218)
```
#767be0
```
#767be0 rgb(118,123,224)
```
#6f75e7
```
#6f75e7 rgb(111,117,231)
```
#696fed
```
#696fed rgb(105,111,237)
```
#6269f4
```
#6269f4 rgb(98,105,244)
```
#5c63fa
```
#5c63fa rgb(92,99,250)
```

Tone Color Variation

Below, you can see how #5c63fa 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
#6e6f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#2171f1 Protanomaly 1% of men, 0.01% of women
#2175df Deuteranomaly 6% of men, 0.4% of women
#217bb8 Tritanomaly 0.01% of the population

#5c63fa hex color

#5c63fa Color Information

#5c63fa Color Conversion

Color Schemes with #5c63fa

Alternatives to #5c63fa

#5c63fa Preview

Shades and Tints of #5c63fa

Tones of #5c63fa

Color Blindness Simulator