#5864fd hex color

In a RGB color space, hex #5864fd is composed of 34.5% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.6 degrees, a saturation of 97.6% and a lightness of 66.9%. #5864fd color hex could be obtained by blending #b0c8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 39
- B 99
RGB color chart
- C 65
- M 60
- Y 0
- K 1
CMYK color chart

● #5864fd color description : Soft blue.

The hexadecimal color #5864fd has RGB values of R:88, G:100, B:253 and CMYK values of C:0.65, M:0.6, Y:0, K:0.01. Its decimal value is 5793021.

Hex triplet	5864fd	`#5864fd`
RGB Decimal	88, 100, 253	`rgb(88,100,253)`
RGB Percent	34.5, 39.2, 99.2	`rgb(34.5%,39.2%,99.2%)`
CMYK	65, 60, 0, 1
HSL	235.6°, 97.6, 66.9	`hsl(235.6,97.6%,66.9%)`
HSV (or HSB)	235.6°, 65.2, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.833, 42.086, -77.648
XYZ	26.308, 18.279, 95.065
xyY	0.188, 0.131, 18.279
CIE-LCH	49.833, 88.32, 298.458
CIE-LUV	49.833, -11.772, -121.435
Hunter-Lab	42.755, 35.014, -101.904
Binary	01011000, 01100100, 11111101

#5864fd
```
#5864fd rgb(88,100,253)
```
#fdf158
```
#fdf158 rgb(253,241,88)
```

Complementary Color

#58b7fd
```
#58b7fd rgb(88,183,253)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#9f58fd
```
#9f58fd rgb(159,88,253)
```

Analogous Color

#b7fd58
```
#b7fd58 rgb(183,253,88)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#fd9f58
```
#fd9f58 rgb(253,159,88)
```

Split Complementary Color

#64fd58
```
#64fd58 rgb(100,253,88)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#fd5864
```
#fd5864 rgb(253,88,100)
```

Triadic Color

#58fdf1
```
#58fdf1 rgb(88,253,241)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#fd5864
```
#fd5864 rgb(253,88,100)
```
#fdf158
```
#fdf158 rgb(253,241,88)
```

Tetradic Color

#0c1efc
```
#0c1efc rgb(12,30,252)
```
#2635fc
```
#2635fc rgb(38,53,252)
```
#3f4dfd
```
#3f4dfd rgb(63,77,253)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#717bfd
```
#717bfd rgb(113,123,253)
```
#8a93fe
```
#8a93fe rgb(138,147,254)
```
#a4aafe
```
#a4aafe rgb(164,170,254)
```

Monochromatic Color

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

#588dfd
```
#588dfd rgb(88,141,253)
```
#5880fd
```
#5880fd rgb(88,128,253)
```
#5872fd
```
#5872fd rgb(88,114,253)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#5a58fd
```
#5a58fd rgb(90,88,253)
```
#6858fd
```
#6858fd rgb(104,88,253)
```
#7558fd
```
#7558fd rgb(117,88,253)
```

Similar Colors

Text with hexadecimal color #5864fd

This text has a font color of #5864fd.

<span style="color:#5864fd;">Text here</span>

#5864fd background color

This paragraph has a background color of #5864fd.

<p style="background-color:#5864fd;">Content here</p>

#5864fd border color

This element has a border color of #5864fd.

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

CSS codes

.text {color:#5864fd;}

.background {background-color:#5864fd;}

.border {border:1px solid #5864fd;}

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

#000107
```
#000107 rgb(0,1,7)
```
#00021b
```
#00021b rgb(0,2,27)
```
#01042e
```
#01042e rgb(1,4,46)
```
#010542
```
#010542 rgb(1,5,66)
```
#010755
```
#010755 rgb(1,7,85)
```
#010968
```
#010968 rgb(1,9,104)
```
#010a7c
```
#010a7c rgb(1,10,124)
```
#020c8f
```
#020c8f rgb(2,12,143)
```
#020ea3
```
#020ea3 rgb(2,14,163)
```
#020fb6
```
#020fb6 rgb(2,15,182)
```
#0211c9
```
#0211c9 rgb(2,17,201)
```
#0312dd
```
#0312dd rgb(3,18,221)
```
#0314f0
```
#0314f0 rgb(3,20,240)
```

Shade Color Variation

#0a1cfc
```
#0a1cfc rgb(10,28,252)
```
#1e2efc
```
#1e2efc rgb(30,46,252)
```
#3140fd
```
#3140fd rgb(49,64,253)
```
#4552fd
```
#4552fd rgb(69,82,253)
```
#5864fd
```
#5864fd rgb(88,100,253)
```
#6b76fd
```
#6b76fd rgb(107,118,253)
```
#7f88fd
```
#7f88fd rgb(127,136,253)
```
#929afe
```
#929afe rgb(146,154,254)
```
#a6acfe
```
#a6acfe rgb(166,172,254)
```
#b9befe
```
#b9befe rgb(185,190,254)
```
#ccd0fe
```
#ccd0fe rgb(204,208,254)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#a6a7af
```
#a6a7af rgb(166,167,175)
```
#a0a1b6
```
#a0a1b6 rgb(160,161,182)
```
#999cbc
```
#999cbc rgb(153,156,188)
```
#9396c3
```
#9396c3 rgb(147,150,195)
```
#8c90c9
```
#8c90c9 rgb(140,144,201)
```
#868bd0
```
#868bd0 rgb(134,139,208)
```
#7f85d6
```
#7f85d6 rgb(127,133,214)
```
#7980dd
```
#7980dd rgb(121,128,221)
```
#727ae3
```
#727ae3 rgb(114,122,227)
```
#6c75ea
```
#6c75ea rgb(108,117,234)
```
#656ff0
```
#656ff0 rgb(101,111,240)
```
#5f6af7
```
#5f6af7 rgb(95,106,247)
```
#5864fd
```
#5864fd rgb(88,100,253)
```

Tone Color Variation

Below, you can see how #5864fd 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
#6d6f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#2071f3 Protanomaly 1% of men, 0.01% of women
#2076e0 Deuteranomaly 6% of men, 0.4% of women
#207cb9 Tritanomaly 0.01% of the population

#5864fd hex color

#5864fd Color Information

#5864fd Color Conversion

Color Schemes with #5864fd

Alternatives to #5864fd

#5864fd Preview

Shades and Tints of #5864fd

Tones of #5864fd

Color Blindness Simulator