#5866f9 hex color

In a RGB color space, hex #5866f9 is composed of 34.5% red, 40% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 59% magenta, 0% yellow and 2.4% black. It has a hue angle of 234.8 degrees, a saturation of 93.1% and a lightness of 66.1%. #5866f9 color hex could be obtained by blending #b0ccff with #0000f3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 40
- B 98
RGB color chart
- C 65
- M 59
- Y 0
- K 2
CMYK color chart

● #5866f9 color description : Soft blue.

The hexadecimal color #5866f9 has RGB values of R:88, G:102, B:249 and CMYK values of C:0.65, M:0.59, Y:0, K:0.02. Its decimal value is 5793529.

Hex triplet	5866f9	`#5866f9`
RGB Decimal	88, 102, 249	`rgb(88,102,249)`
RGB Percent	34.5, 40, 97.6	`rgb(34.5%,40%,97.6%)`
CMYK	65, 59, 0, 2
HSL	234.8°, 93.1, 66.1	`hsl(234.8,93.1%,66.1%)`
HSV (or HSB)	234.8°, 64.7, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.996, 39.571, -75.159
XYZ	25.871, 18.416, 91.809
xyY	0.19, 0.135, 18.416
CIE-LCH	49.996, 84.94, 297.767
CIE-LUV	49.996, -12.124, -117.872
Hunter-Lab	42.913, 32.514, -96.805
Binary	01011000, 01100110, 11111001

#5866f9
```
#5866f9 rgb(88,102,249)
```
#f9eb58
```
#f9eb58 rgb(249,235,88)
```

Complementary Color

#58b7f9
```
#58b7f9 rgb(88,183,249)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#9b58f9
```
#9b58f9 rgb(155,88,249)
```

Analogous Color

#b7f958
```
#b7f958 rgb(183,249,88)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#f99b58
```
#f99b58 rgb(249,155,88)
```

Split Complementary Color

#66f958
```
#66f958 rgb(102,249,88)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#f95866
```
#f95866 rgb(249,88,102)
```

Triadic Color

#58f9eb
```
#58f9eb rgb(88,249,235)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#f95866
```
#f95866 rgb(249,88,102)
```
#f9eb58
```
#f9eb58 rgb(249,235,88)
```

Tetradic Color

#0e22f6
```
#0e22f6 rgb(14,34,246)
```
#2739f7
```
#2739f7 rgb(39,57,247)
```
#3f4ff8
```
#3f4ff8 rgb(63,79,248)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#717dfa
```
#717dfa rgb(113,125,250)
```
#8993fb
```
#8993fb rgb(137,147,251)
```
#a2aafc
```
#a2aafc rgb(162,170,252)
```

Monochromatic Color

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

#588ef9
```
#588ef9 rgb(88,142,249)
```
#5881f9
```
#5881f9 rgb(88,129,249)
```
#5873f9
```
#5873f9 rgb(88,115,249)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#5859f9
```
#5859f9 rgb(88,89,249)
```
#6558f9
```
#6558f9 rgb(101,88,249)
```
#7258f9
```
#7258f9 rgb(114,88,249)
```

Similar Colors

Text with hexadecimal color #5866f9

This text has a font color of #5866f9.

<span style="color:#5866f9;">Text here</span>

#5866f9 background color

This paragraph has a background color of #5866f9.

<p style="background-color:#5866f9;">Content here</p>

#5866f9 border color

This element has a border color of #5866f9.

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

CSS codes

.text {color:#5866f9;}

.background {background-color:#5866f9;}

.border {border:1px solid #5866f9;}

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

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#010529
```
#010529 rgb(1,5,41)
```
#02073c
```
#02073c rgb(2,7,60)
```
#03094f
```
#03094f rgb(3,9,79)
```
#040c62
```
#040c62 rgb(4,12,98)
```
#040e75
```
#040e75 rgb(4,14,117)
```
#051088
```
#051088 rgb(5,16,136)
```
#06139b
```
#06139b rgb(6,19,155)
```
#0615ae
```
#0615ae rgb(6,21,174)
```
#0717c1
```
#0717c1 rgb(7,23,193)
```
#0819d4
```
#0819d4 rgb(8,25,212)
```
#081ce7
```
#081ce7 rgb(8,28,231)
```

Shade Color Variation

#0c21f6
```
#0c21f6 rgb(12,33,246)
```
#1f32f7
```
#1f32f7 rgb(31,50,247)
```
#3243f8
```
#3243f8 rgb(50,67,248)
```
#4555f8
```
#4555f8 rgb(69,85,248)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```
#6b77fa
```
#6b77fa rgb(107,119,250)
```
#7e89fa
```
#7e89fa rgb(126,137,250)
```
#919afb
```
#919afb rgb(145,154,251)
```
#a4abfc
```
#a4abfc rgb(164,171,252)
```
#b7bdfc
```
#b7bdfc rgb(183,189,252)
```
#cacefd
```
#cacefd rgb(202,206,253)
```
#dddffe
```
#dddffe rgb(221,223,254)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#a8a8a9
```
#a8a8a9 rgb(168,168,169)
```
#a1a2b0
```
#a1a2b0 rgb(161,162,176)
```
#9b9db6
```
#9b9db6 rgb(155,157,182)
```
#9497bd
```
#9497bd rgb(148,151,189)
```
#8d92c4
```
#8d92c4 rgb(141,146,196)
```
#878cca
```
#878cca rgb(135,140,202)
```
#8087d1
```
#8087d1 rgb(128,135,209)
```
#7981d8
```
#7981d8 rgb(121,129,216)
```
#737cde
```
#737cde rgb(115,124,222)
```
#6c76e5
```
#6c76e5 rgb(108,118,229)
```
#6571ec
```
#6571ec rgb(101,113,236)
```
#5f6bf2
```
#5f6bf2 rgb(95,107,242)
```
#5866f9
```
#5866f9 rgb(88,102,249)
```

Tone Color Variation

Below, you can see how #5866f9 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
#6e708e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#2072f2 Protanomaly 1% of men, 0.01% of women
#2077df Deuteranomaly 6% of men, 0.4% of women
#207db8 Tritanomaly 0.01% of the population

#5866f9 hex color

#5866f9 Color Information

#5866f9 Color Conversion

Color Schemes with #5866f9

Alternatives to #5866f9

#5866f9 Preview

Shades and Tints of #5866f9

Tones of #5866f9

Color Blindness Simulator