#5966f4 hex color

In a RGB color space, hex #5966f4 is composed of 34.9% red, 40% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 58.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 235 degrees, a saturation of 87.6% and a lightness of 65.3%. #5966f4 color hex could be obtained by blending #b2ccff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 40
- B 96
RGB color chart
- C 64
- M 58
- Y 0
- K 4
CMYK color chart

● #5966f4 color description : Soft blue.

The hexadecimal color #5966f4 has RGB values of R:89, G:102, B:244 and CMYK values of C:0.64, M:0.58, Y:0, K:0.04. Its decimal value is 5859060.

Hex triplet	5966f4	`#5966f4`
RGB Decimal	89, 102, 244	`rgb(89,102,244)`
RGB Percent	34.9, 40, 95.7	`rgb(34.9%,40%,95.7%)`
CMYK	64, 58, 0, 4
HSL	235°, 87.6, 65.3	`hsl(235,87.6%,65.3%)`
HSV (or HSB)	235°, 63.5, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.686, 38.07, -72.875
XYZ	25.197, 18.157, 87.76
xyY	0.192, 0.138, 18.157
CIE-LCH	49.686, 82.22, 297.582
CIE-LUV	49.686, -11.709, -114.302
Hunter-Lab	42.611, 30.983, -92.284
Binary	01011001, 01100110, 11110100

#5966f4
```
#5966f4 rgb(89,102,244)
```
#f4e759
```
#f4e759 rgb(244,231,89)
```

Complementary Color

#59b4f4
```
#59b4f4 rgb(89,180,244)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#9a59f4
```
#9a59f4 rgb(154,89,244)
```

Analogous Color

#b4f459
```
#b4f459 rgb(180,244,89)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#f49a59
```
#f49a59 rgb(244,154,89)
```

Split Complementary Color

#66f459
```
#66f459 rgb(102,244,89)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#f45966
```
#f45966 rgb(244,89,102)
```

Triadic Color

#59f4e7
```
#59f4e7 rgb(89,244,231)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#f45966
```
#f45966 rgb(244,89,102)
```
#f4e759
```
#f4e759 rgb(244,231,89)
```

Tetradic Color

#1124ef
```
#1124ef rgb(17,36,239)
```
#293af1
```
#293af1 rgb(41,58,241)
```
#4150f2
```
#4150f2 rgb(65,80,242)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#717cf6
```
#717cf6 rgb(113,124,246)
```
#8992f7
```
#8992f7 rgb(137,146,247)
```
#a1a8f9
```
#a1a8f9 rgb(161,168,249)
```

Monochromatic Color

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

#598df4
```
#598df4 rgb(89,141,244)
```
#5980f4
```
#5980f4 rgb(89,128,244)
```
#5973f4
```
#5973f4 rgb(89,115,244)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#5959f4
```
#5959f4 rgb(89,89,244)
```
#6659f4
```
#6659f4 rgb(102,89,244)
```
#7359f4
```
#7359f4 rgb(115,89,244)
```

Similar Colors

Text with hexadecimal color #5966f4

This text has a font color of #5966f4.

<span style="color:#5966f4;">Text here</span>

#5966f4 background color

This paragraph has a background color of #5966f4.

<p style="background-color:#5966f4;">Content here</p>

#5966f4 border color

This element has a border color of #5966f4.

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

CSS codes

.text {color:#5966f4;}

.background {background-color:#5966f4;}

.border {border:1px solid #5966f4;}

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

#010312
```
#010312 rgb(1,3,18)
```
#020524
```
#020524 rgb(2,5,36)
```
#040837
```
#040837 rgb(4,8,55)
```
#050b49
```
#050b49 rgb(5,11,73)
```
#060d5c
```
#060d5c rgb(6,13,92)
```
#07106e
```
#07106e rgb(7,16,110)
```
#091380
```
#091380 rgb(9,19,128)
```
#0a1593
```
#0a1593 rgb(10,21,147)
```
#0b18a5
```
#0b18a5 rgb(11,24,165)
```
#0c1bb8
```
#0c1bb8 rgb(12,27,184)
```
#0d1dca
```
#0d1dca rgb(13,29,202)
```
#0f20dc
```
#0f20dc rgb(15,32,220)
```
#1023ef
```
#1023ef rgb(16,35,239)
```

Shade Color Variation

#2233f0
```
#2233f0 rgb(34,51,240)
```
#3444f2
```
#3444f2 rgb(52,68,242)
```
#4755f3
```
#4755f3 rgb(71,85,243)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#6b77f5
```
#6b77f5 rgb(107,119,245)
```
#7e88f6
```
#7e88f6 rgb(126,136,246)
```
#9099f8
```
#9099f8 rgb(144,153,248)
```
#a3aaf9
```
#a3aaf9 rgb(163,170,249)
```
#b5bbfa
```
#b5bbfa rgb(181,187,250)
```
#c7ccfb
```
#c7ccfb rgb(199,204,251)
```
#daddfd
```
#daddfd rgb(218,221,253)
```
#eceefe
```
#eceefe rgb(236,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a4a4a9
```
#a4a4a9 rgb(164,164,169)
```
#9d9fb0
```
#9d9fb0 rgb(157,159,176)
```
#9699b7
```
#9699b7 rgb(150,153,183)
```
#8f93be
```
#8f93be rgb(143,147,190)
```
#898ec4
```
#898ec4 rgb(137,142,196)
```
#8288cb
```
#8288cb rgb(130,136,203)
```
#7b82d2
```
#7b82d2 rgb(123,130,210)
```
#747dd9
```
#747dd9 rgb(116,125,217)
```
#6d77e0
```
#6d77e0 rgb(109,119,224)
```
#6771e6
```
#6771e6 rgb(103,113,230)
```
#606ced
```
#606ced rgb(96,108,237)
```
#5966f4
```
#5966f4 rgb(89,102,244)
```
#5260fb
```
#5260fb rgb(82,96,251)
```

Tone Color Variation

Below, you can see how #5966f4 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
#6d708c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#2072f0 Protanomaly 1% of men, 0.01% of women
#2076dd Deuteranomaly 6% of men, 0.4% of women
#207cb6 Tritanomaly 0.01% of the population

#5966f4 hex color

#5966f4 Color Information

#5966f4 Color Conversion

Color Schemes with #5966f4

Alternatives to #5966f4

#5966f4 Preview

Shades and Tints of #5966f4

Tones of #5966f4

Color Blindness Simulator