#5f63ff hex color

In a RGB color space, hex #5f63ff is composed of 37.3% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 238.5 degrees, a saturation of 100% and a lightness of 68.6%. #5f63ff color hex could be obtained by blending #bec6ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5f63ff color description : Light blue.

The hexadecimal color #5f63ff has RGB values of R:95, G:99, B:255 and CMYK values of C:0.63, M:0.61, Y:0, K:0. Its decimal value is 6251519.

Hex triplet	5f63ff	`#5f63ff`
RGB Decimal	95, 99, 255	`rgb(95,99,255)`
RGB Percent	37.3, 38.8, 100	`rgb(37.3%,38.8%,100%)`
CMYK	63, 61, 0, 0
HSL	238.5°, 100, 68.6	`hsl(238.5,100%,68.6%)`
HSV (or HSB)	238.5°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.187, 44.318, -78.164
XYZ	27.228, 18.575, 96.753
xyY	0.191, 0.13, 18.575
CIE-LCH	50.187, 89.854, 299.553
CIE-LUV	50.187, -9.877, -122.585
Hunter-Lab	43.099, 37.343, -102.931
Binary	01011111, 01100011, 11111111

#5f63ff
```
#5f63ff rgb(95,99,255)
```
#fffb5f
```
#fffb5f rgb(255,251,95)
```

Complementary Color

#5fb3ff
```
#5fb3ff rgb(95,179,255)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#ab5fff
```
#ab5fff rgb(171,95,255)
```

Analogous Color

#b3ff5f
```
#b3ff5f rgb(179,255,95)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```

Split Complementary Color

#63ff5f
```
#63ff5f rgb(99,255,95)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#ff5f63
```
#ff5f63 rgb(255,95,99)
```

Triadic Color

#5ffffb
```
#5ffffb rgb(95,255,251)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#ff5f63
```
#ff5f63 rgb(255,95,99)
```
#fffb5f
```
#fffb5f rgb(255,251,95)
```

Tetradic Color

#1318ff
```
#1318ff rgb(19,24,255)
```
#2c31ff
```
#2c31ff rgb(44,49,255)
```
#464aff
```
#464aff rgb(70,74,255)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#797cff
```
#797cff rgb(121,124,255)
```
#9295ff
```
#9295ff rgb(146,149,255)
```
#acaeff
```
#acaeff rgb(172,174,255)
```

Monochromatic Color

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

#5f8bff
```
#5f8bff rgb(95,139,255)
```
#5f7eff
```
#5f7eff rgb(95,126,255)
```
#5f70ff
```
#5f70ff rgb(95,112,255)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#685fff
```
#685fff rgb(104,95,255)
```
#765fff
```
#765fff rgb(118,95,255)
```
#835fff
```
#835fff rgb(131,95,255)
```

Similar Colors

Text with hexadecimal color #5f63ff

This text has a font color of #5f63ff.

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

#5f63ff background color

This paragraph has a background color of #5f63ff.

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

#5f63ff border color

This element has a border color of #5f63ff.

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

CSS codes

.text {color:#5f63ff;}

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

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

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

#000011
```
#000011 rgb(0,0,17)
```
#000124
```
#000124 rgb(0,1,36)
```
#000138
```
#000138 rgb(0,1,56)
```
#00024b
```
#00024b rgb(0,2,75)
```
#00025f
```
#00025f rgb(0,2,95)
```
#000373
```
#000373 rgb(0,3,115)
```
#000386
```
#000386 rgb(0,3,134)
```
#00049a
```
#00049a rgb(0,4,154)
```
#0004ad
```
#0004ad rgb(0,4,173)
```
#0005c1
```
#0005c1 rgb(0,5,193)
```
#0005d5
```
#0005d5 rgb(0,5,213)
```
#0006e8
```
#0006e8 rgb(0,6,232)
```
#0006fc
```
#0006fc rgb(0,6,252)
```

Shade Color Variation

#1117ff
```
#1117ff rgb(17,23,255)
```
#242aff
```
#242aff rgb(36,42,255)
```
#383dff
```
#383dff rgb(56,61,255)
```
#4b50ff
```
#4b50ff rgb(75,80,255)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#7376ff
```
#7376ff rgb(115,118,255)
```
#8689ff
```
#8689ff rgb(134,137,255)
```
#9a9cff
```
#9a9cff rgb(154,156,255)
```
#adb0ff
```
#adb0ff rgb(173,176,255)
```
#c1c3ff
```
#c1c3ff rgb(193,195,255)
```
#d5d6ff
```
#d5d6ff rgb(213,214,255)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a9a9b5
```
#a9a9b5 rgb(169,169,181)
```
#a3a3bb
```
#a3a3bb rgb(163,163,187)
```
#9d9dc1
```
#9d9dc1 rgb(157,157,193)
```
#9698c8
```
#9698c8 rgb(150,152,200)
```
#9092ce
```
#9092ce rgb(144,146,206)
```
#8a8cd4
```
#8a8cd4 rgb(138,140,212)
```
#8486da
```
#8486da rgb(132,134,218)
```
#7e80e0
```
#7e80e0 rgb(126,128,224)
```
#787ae6
```
#787ae6 rgb(120,122,230)
```
#7175ed
```
#7175ed rgb(113,117,237)
```
#6b6ff3
```
#6b6ff3 rgb(107,111,243)
```
#6569f9
```
#6569f9 rgb(101,105,249)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#707190 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

#2272f5 Protanomaly 1% of men, 0.01% of women
#2276e2 Deuteranomaly 6% of men, 0.4% of women
#227cbb Tritanomaly 0.01% of the population

#5f63ff hex color

#5f63ff Color Information

#5f63ff Color Conversion

Color Schemes with #5f63ff

Alternatives to #5f63ff

#5f63ff Preview

Shades and Tints of #5f63ff

Tones of #5f63ff

Color Blindness Simulator