#5f63fd hex color

In a RGB color space, hex #5f63fd is composed of 37.3% red, 38.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 60.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 238.5 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f63fd color hex could be obtained by blending #bec6ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 39
- B 99
RGB color chart
- C 62
- M 61
- Y 0
- K 1
CMYK color chart

● #5f63fd color description : Soft blue.

The hexadecimal color #5f63fd has RGB values of R:95, G:99, B:253 and CMYK values of C:0.62, M:0.61, Y:0, K:0.01. Its decimal value is 6251517.

Hex triplet	5f63fd	`#5f63fd`
RGB Decimal	95, 99, 253	`rgb(95,99,253)`
RGB Percent	37.3, 38.8, 99.2	`rgb(37.3%,38.8%,99.2%)`
CMYK	62, 61, 0, 1
HSL	238.5°, 97.5, 68.2	`hsl(238.5,97.5%,68.2%)`
HSV (or HSB)	238.5°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.034, 43.678, -77.303
XYZ	26.907, 18.447, 95.066
xyY	0.192, 0.131, 18.447
CIE-LCH	50.034, 88.789, 299.467
CIE-LUV	50.034, -9.789, -121.224
Hunter-Lab	42.95, 36.663, -101.167
Binary	01011111, 01100011, 11111101

#5f63fd
```
#5f63fd rgb(95,99,253)
```
#fdf95f
```
#fdf95f rgb(253,249,95)
```

Complementary Color

#5fb2fd
```
#5fb2fd rgb(95,178,253)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#aa5ffd
```
#aa5ffd rgb(170,95,253)
```

Analogous Color

#b2fd5f
```
#b2fd5f rgb(178,253,95)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#fdaa5f
```
#fdaa5f rgb(253,170,95)
```

Split Complementary Color

#63fd5f
```
#63fd5f rgb(99,253,95)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#fd5f63
```
#fd5f63 rgb(253,95,99)
```

Triadic Color

#5ffdf9
```
#5ffdf9 rgb(95,253,249)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#fd5f63
```
#fd5f63 rgb(253,95,99)
```
#fdf95f
```
#fdf95f rgb(253,249,95)
```

Tetradic Color

#1319fc
```
#1319fc rgb(19,25,252)
```
#2d32fc
```
#2d32fc rgb(45,50,252)
```
#464afd
```
#464afd rgb(70,74,253)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#787cfd
```
#787cfd rgb(120,124,253)
```
#9194fe
```
#9194fe rgb(145,148,254)
```
#abadfe
```
#abadfe rgb(171,173,254)
```

Monochromatic Color

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

#5f8bfd
```
#5f8bfd rgb(95,139,253)
```
#5f7dfd
```
#5f7dfd rgb(95,125,253)
```
#5f70fd
```
#5f70fd rgb(95,112,253)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#685ffd
```
#685ffd rgb(104,95,253)
```
#755ffd
```
#755ffd rgb(117,95,253)
```
#835ffd
```
#835ffd rgb(131,95,253)
```

Similar Colors

Text with hexadecimal color #5f63fd

This text has a font color of #5f63fd.

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

#5f63fd background color

This paragraph has a background color of #5f63fd.

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

#5f63fd border color

This element has a border color of #5f63fd.

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

CSS codes

.text {color:#5f63fd;}

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

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

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, #00010e is the darkest color, while #fafaff is the lightest one.

#00010e
```
#00010e rgb(0,1,14)
```
#000122
```
#000122 rgb(0,1,34)
```
#010235
```
#010235 rgb(1,2,53)
```
#010348
```
#010348 rgb(1,3,72)
```
#01035c
```
#01035c rgb(1,3,92)
```
#01046f
```
#01046f rgb(1,4,111)
```
#020583
```
#020583 rgb(2,5,131)
```
#020696
```
#020696 rgb(2,6,150)
```
#0206a9
```
#0206a9 rgb(2,6,169)
```
#0207bd
```
#0207bd rgb(2,7,189)
```
#0308d0
```
#0308d0 rgb(3,8,208)
```
#0309e3
```
#0309e3 rgb(3,9,227)
```
#0309f7
```
#0309f7 rgb(3,9,247)
```

Shade Color Variation

#1217fc
```
#1217fc rgb(18,23,252)
```
#252afc
```
#252afc rgb(37,42,252)
```
#383dfd
```
#383dfd rgb(56,61,253)
```
#4c50fd
```
#4c50fd rgb(76,80,253)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```
#7276fd
```
#7276fd rgb(114,118,253)
```
#8689fd
```
#8689fd rgb(134,137,253)
```
#999cfe
```
#999cfe rgb(153,156,254)
```
#acaffe
```
#acaffe rgb(172,175,254)
```
#c0c1fe
```
#c0c1fe rgb(192,193,254)
```
#d3d4fe
```
#d3d4fe rgb(211,212,254)
```
#e7e7ff
```
#e7e7ff rgb(231,231,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#aaaab2
```
#aaaab2 rgb(170,170,178)
```
#a4a4b8
```
#a4a4b8 rgb(164,164,184)
```
#9d9ebf
```
#9d9ebf rgb(157,158,191)
```
#9798c5
```
#9798c5 rgb(151,152,197)
```
#9192cb
```
#9192cb rgb(145,146,203)
```
#8b8cd1
```
#8b8cd1 rgb(139,140,209)
```
#8486d8
```
#8486d8 rgb(132,134,216)
```
#7e81de
```
#7e81de rgb(126,129,222)
```
#787be4
```
#787be4 rgb(120,123,228)
```
#7275ea
```
#7275ea rgb(114,117,234)
```
#6b6ff1
```
#6b6ff1 rgb(107,111,241)
```
#6569f7
```
#6569f7 rgb(101,105,247)
```
#5f63fd
```
#5f63fd rgb(95,99,253)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6f708f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#2271f4 Protanomaly 1% of men, 0.01% of women
#2276e1 Deuteranomaly 6% of men, 0.4% of women
#227cba Tritanomaly 0.01% of the population

#5f63fd hex color

#5f63fd Color Information

#5f63fd Color Conversion

Color Schemes with #5f63fd

Alternatives to #5f63fd

#5f63fd Preview

Shades and Tints of #5f63fd

Tones of #5f63fd

Color Blindness Simulator