#5b63f9 hex color

In a RGB color space, hex #5b63f9 is composed of 35.7% red, 38.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 60.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 237 degrees, a saturation of 92.9% and a lightness of 66.7%. #5b63f9 color hex could be obtained by blending #b6c6ff with #0000f3. 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

● #5b63f9 color description : Soft blue.

The hexadecimal color #5b63f9 has RGB values of R:91, G:99, B:249 and CMYK values of C:0.63, M:0.6, Y:0, K:0.02. Its decimal value is 5989369.

Hex triplet	5b63f9	`#5b63f9`
RGB Decimal	91, 99, 249	`rgb(91,99,249)`
RGB Percent	35.7, 38.8, 97.6	`rgb(35.7%,38.8%,97.6%)`
CMYK	63, 60, 0, 2
HSL	237°, 92.9, 66.7	`hsl(237,92.9%,66.7%)`
HSV (or HSB)	237°, 63.5, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.479, 41.802, -75.994
XYZ	25.872, 17.986, 91.726
xyY	0.191, 0.133, 17.986
CIE-LCH	49.479, 86.732, 298.814
CIE-LUV	49.479, -10.646, -118.845
Hunter-Lab	42.41, 34.674, -98.547
Binary	01011011, 01100011, 11111001

#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#f9f15b
```
#f9f15b rgb(249,241,91)
```

Complementary Color

#5bb2f9
```
#5bb2f9 rgb(91,178,249)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#a25bf9
```
#a25bf9 rgb(162,91,249)
```

Analogous Color

#b2f95b
```
#b2f95b rgb(178,249,91)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#f9a25b
```
#f9a25b rgb(249,162,91)
```

Split Complementary Color

#63f95b
```
#63f95b rgb(99,249,91)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#f95b63
```
#f95b63 rgb(249,91,99)
```

Triadic Color

#5bf9f1
```
#5bf9f1 rgb(91,249,241)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#f95b63
```
#f95b63 rgb(249,91,99)
```
#f9f15b
```
#f9f15b rgb(249,241,91)
```

Tetradic Color

#111df6
```
#111df6 rgb(17,29,246)
```
#2a34f7
```
#2a34f7 rgb(42,52,247)
```
#424cf8
```
#424cf8 rgb(66,76,248)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#747afa
```
#747afa rgb(116,122,250)
```
#8c92fb
```
#8c92fb rgb(140,146,251)
```
#a5a9fc
```
#a5a9fc rgb(165,169,252)
```

Monochromatic Color

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

#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#5b7df9
```
#5b7df9 rgb(91,125,249)
```
#5b70f9
```
#5b70f9 rgb(91,112,249)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#605bf9
```
#605bf9 rgb(96,91,249)
```
#6d5bf9
```
#6d5bf9 rgb(109,91,249)
```
#7b5bf9
```
#7b5bf9 rgb(123,91,249)
```

Similar Colors

Text with hexadecimal color #5b63f9

This text has a font color of #5b63f9.

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

#5b63f9 background color

This paragraph has a background color of #5b63f9.

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

#5b63f9 border color

This element has a border color of #5b63f9.

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

CSS codes

.text {color:#5b63f9;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010219
```
#010219 rgb(1,2,25)
```
#02042c
```
#02042c rgb(2,4,44)
```
#02053f
```
#02053f rgb(2,5,63)
```
#030752
```
#030752 rgb(3,7,82)
```
#040965
```
#040965 rgb(4,9,101)
```
#040a78
```
#040a78 rgb(4,10,120)
```
#050c8b
```
#050c8b rgb(5,12,139)
```
#060d9e
```
#060d9e rgb(6,13,158)
```
#060fb1
```
#060fb1 rgb(6,15,177)
```
#0711c4
```
#0711c4 rgb(7,17,196)
```
#0812d6
```
#0812d6 rgb(8,18,214)
```
#0914e9
```
#0914e9 rgb(9,20,233)
```

Shade Color Variation

#0f1bf6
```
#0f1bf6 rgb(15,27,246)
```
#222df7
```
#222df7 rgb(34,45,247)
```
#353ff8
```
#353ff8 rgb(53,63,248)
```
#4851f8
```
#4851f8 rgb(72,81,248)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```
#6e75fa
```
#6e75fa rgb(110,117,250)
```
#8187fa
```
#8187fa rgb(129,135,250)
```
#9499fb
```
#9499fb rgb(148,153,251)
```
#a7abfc
```
#a7abfc rgb(167,171,252)
```
#babdfc
```
#babdfc rgb(186,189,252)
```
#cdcffd
```
#cdcffd rgb(205,207,253)
```
#dfe1fe
```
#dfe1fe rgb(223,225,254)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#a9aaab
```
#a9aaab rgb(169,170,171)
```
#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9c9eb8
```
#9c9eb8 rgb(156,158,184)
```
#9698be
```
#9698be rgb(150,152,190)
```
#8f92c5
```
#8f92c5 rgb(143,146,197)
```
#898ccb
```
#898ccb rgb(137,140,203)
```
#8286d2
```
#8286d2 rgb(130,134,210)
```
#7c80d8
```
#7c80d8 rgb(124,128,216)
```
#757bdf
```
#757bdf rgb(117,123,223)
```
#6f75e5
```
#6f75e5 rgb(111,117,229)
```
#686fec
```
#686fec rgb(104,111,236)
```
#6269f2
```
#6269f2 rgb(98,105,242)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```

Tone Color Variation

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

Dichromacy

#0078ec Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008892 Tritanopia 0.001% of the population

Trichromacy

#2170f1 Protanomaly 1% of men, 0.01% of women
#2175de Deuteranomaly 6% of men, 0.4% of women
#217bb7 Tritanomaly 0.01% of the population

#5b63f9 hex color

#5b63f9 Color Information

#5b63f9 Color Conversion

Color Schemes with #5b63f9

Alternatives to #5b63f9

#5b63f9 Preview

Shades and Tints of #5b63f9

Tones of #5b63f9

Color Blindness Simulator