#5f63ca hex color

In a RGB color space, hex #5f63ca is composed of 37.3% red, 38.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 51% magenta, 0% yellow and 20.8% black. It has a hue angle of 237.8 degrees, a saturation of 50.2% and a lightness of 58.2%. #5f63ca color hex could be obtained by blending #bec6ff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 79
RGB color chart
- C 53
- M 51
- Y 0
- K 21
CMYK color chart

● #5f63ca color description : Moderate blue.

The hexadecimal color #5f63ca has RGB values of R:95, G:99, B:202 and CMYK values of C:0.53, M:0.51, Y:0, K:0.21. Its decimal value is 6251466.

Hex triplet	5f63ca	`#5f63ca`
RGB Decimal	95, 99, 202	`rgb(95,99,202)`
RGB Percent	37.3, 38.8, 79.2	`rgb(37.3%,38.8%,79.2%)`
CMYK	53, 51, 0, 21
HSL	237.8°, 50.2, 58.2	`hsl(237.8,50.2%,58.2%)`
HSV (or HSB)	237.8°, 53, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.472, 27.322, -54.269
XYZ	19.84, 15.62, 57.843
xyY	0.213, 0.167, 15.62
CIE-LCH	46.472, 60.759, 296.723
CIE-LUV	46.472, -7.419, -84.352
Hunter-Lab	39.522, 20.441, -59.109
Binary	01011111, 01100011, 11001010

#5f63ca
```
#5f63ca rgb(95,99,202)
```
#cac65f
```
#cac65f rgb(202,198,95)
```

Complementary Color

#5f99ca
```
#5f99ca rgb(95,153,202)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#915fca
```
#915fca rgb(145,95,202)
```

Analogous Color

#99ca5f
```
#99ca5f rgb(153,202,95)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#ca915f
```
#ca915f rgb(202,145,95)
```

Split Complementary Color

#63ca5f
```
#63ca5f rgb(99,202,95)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```

Triadic Color

#5fcac6
```
#5fcac6 rgb(95,202,198)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#cac65f
```
#cac65f rgb(202,198,95)
```

Tetradic Color

#373ba6
```
#373ba6 rgb(55,59,166)
```
#3d42b9
```
#3d42b9 rgb(61,66,185)
```
#4c50c4
```
#4c50c4 rgb(76,80,196)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#7276d0
```
#7276d0 rgb(114,118,208)
```
#8588d7
```
#8588d7 rgb(133,136,215)
```
#989bdd
```
#989bdd rgb(152,155,221)
```

Monochromatic Color

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

#5f7eca
```
#5f7eca rgb(95,126,202)
```
#5f75ca
```
#5f75ca rgb(95,117,202)
```
#5f6cca
```
#5f6cca rgb(95,108,202)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#645fca
```
#645fca rgb(100,95,202)
```
#6d5fca
```
#6d5fca rgb(109,95,202)
```
#765fca
```
#765fca rgb(118,95,202)
```

Similar Colors

Text with hexadecimal color #5f63ca

This text has a font color of #5f63ca.

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

#5f63ca background color

This paragraph has a background color of #5f63ca.

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

#5f63ca border color

This element has a border color of #5f63ca.

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

CSS codes

.text {color:#5f63ca;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060611
```
#060611 rgb(6,6,17)
```
#0a0b20
```
#0a0b20 rgb(10,11,32)
```
#0f102e
```
#0f102e rgb(15,16,46)
```
#14163d
```
#14163d rgb(20,22,61)
```
#191b4c
```
#191b4c rgb(25,27,76)
```
#1e205a
```
#1e205a rgb(30,32,90)
```
#232569
```
#232569 rgb(35,37,105)
```
#282b78
```
#282b78 rgb(40,43,120)
```
#2d3087
```
#2d3087 rgb(45,48,135)
```
#313595
```
#313595 rgb(49,53,149)
```
#363aa4
```
#363aa4 rgb(54,58,164)
```
#3b40b3
```
#3b40b3 rgb(59,64,179)
```

Shade Color Variation

#4246c0
```
#4246c0 rgb(66,70,192)
```
#5055c5
```
#5055c5 rgb(80,85,197)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#6e71cf
```
#6e71cf rgb(110,113,207)
```
#7c80d4
```
#7c80d4 rgb(124,128,212)
```
#8b8ed9
```
#8b8ed9 rgb(139,142,217)
```
#9a9cde
```
#9a9cde rgb(154,156,222)
```
#a9abe2
```
#a9abe2 rgb(169,171,226)
```
#b7b9e7
```
#b7b9e7 rgb(183,185,231)
```
#c6c8ec
```
#c6c8ec rgb(198,200,236)
```
#d5d6f1
```
#d5d6f1 rgb(213,214,241)
```
#e4e4f6
```
#e4e4f6 rgb(228,228,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#909099
```
#909099 rgb(144,144,153)
```
#8889a1
```
#8889a1 rgb(136,137,161)
```
#8081a9
```
#8081a9 rgb(128,129,169)
```
#787ab1
```
#787ab1 rgb(120,122,177)
```
#6f72ba
```
#6f72ba rgb(111,114,186)
```
#676bc2
```
#676bc2 rgb(103,107,194)
```
#5f63ca
```
#5f63ca rgb(95,99,202)
```
#575bd2
```
#575bd2 rgb(87,91,210)
```
#4f54da
```
#4f54da rgb(79,84,218)
```
#464ce3
```
#464ce3 rgb(70,76,227)
```
#3e45eb
```
#3e45eb rgb(62,69,235)
```
#363df3
```
#363df3 rgb(54,61,243)
```
#2e36fb
```
#2e36fb rgb(46,54,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6b6c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3872d3 Protanopia 1% of men
#0577c7 Deuteranopia 1% of men
#487d86 Tritanopia 0.001% of the population

Trichromacy

#466ccf Protanomaly 1% of men, 0.01% of women
#2570c8 Deuteranomaly 6% of men, 0.4% of women
#50739f Tritanomaly 0.01% of the population

#5f63ca hex color

#5f63ca Color Information

#5f63ca Color Conversion

Color Schemes with #5f63ca

Alternatives to #5f63ca

#5f63ca Preview

Shades and Tints of #5f63ca

Tones of #5f63ca

Color Blindness Simulator