#5964f2 hex color

In a RGB color space, hex #5964f2 is composed of 34.9% red, 39.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 58.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.7 degrees, a saturation of 85.5% and a lightness of 64.9%. #5964f2 color hex could be obtained by blending #b2c8ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 39
- B 95
RGB color chart
- C 63
- M 59
- Y 0
- K 5
CMYK color chart

● #5964f2 color description : Soft blue.

The hexadecimal color #5964f2 has RGB values of R:89, G:100, B:242 and CMYK values of C:0.63, M:0.59, Y:0, K:0.05. Its decimal value is 5858546.

Hex triplet	5964f2	`#5964f2`
RGB Decimal	89, 100, 242	`rgb(89,100,242)`
RGB Percent	34.9, 39.2, 94.9	`rgb(34.9%,39.2%,94.9%)`
CMYK	63, 59, 0, 5
HSL	235.7°, 85.5, 64.9	`hsl(235.7,85.5%,64.9%)`
HSV (or HSB)	235.7°, 63.2, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.066, 38.619, -72.766
XYZ	24.701, 17.648, 86.104
xyY	0.192, 0.137, 17.648
CIE-LCH	49.066, 82.379, 297.956
CIE-LUV	49.066, -11.133, -113.767
Hunter-Lab	42.009, 31.439, -92.117
Binary	01011001, 01100100, 11110010

#5964f2
```
#5964f2 rgb(89,100,242)
```
#f2e759
```
#f2e759 rgb(242,231,89)
```

Complementary Color

#59b1f2
```
#59b1f2 rgb(89,177,242)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#9b59f2
```
#9b59f2 rgb(155,89,242)
```

Analogous Color

#b1f259
```
#b1f259 rgb(177,242,89)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#f29b59
```
#f29b59 rgb(242,155,89)
```

Split Complementary Color

#64f259
```
#64f259 rgb(100,242,89)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#f25964
```
#f25964 rgb(242,89,100)
```

Triadic Color

#59f2e7
```
#59f2e7 rgb(89,242,231)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#f25964
```
#f25964 rgb(242,89,100)
```
#f2e759
```
#f2e759 rgb(242,231,89)
```

Tetradic Color

#1222ec
```
#1222ec rgb(18,34,236)
```
#2a38ee
```
#2a38ee rgb(42,56,238)
```
#414ef0
```
#414ef0 rgb(65,78,240)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#717af4
```
#717af4 rgb(113,122,244)
```
#8890f6
```
#8890f6 rgb(136,144,246)
```
#a0a6f8
```
#a0a6f8 rgb(160,166,248)
```

Monochromatic Color

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

#598af2
```
#598af2 rgb(89,138,242)
```
#597ef2
```
#597ef2 rgb(89,126,242)
```
#5971f2
```
#5971f2 rgb(89,113,242)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#5b59f2
```
#5b59f2 rgb(91,89,242)
```
#6859f2
```
#6859f2 rgb(104,89,242)
```
#7459f2
```
#7459f2 rgb(116,89,242)
```

Similar Colors

Text with hexadecimal color #5964f2

This text has a font color of #5964f2.

<span style="color:#5964f2;">Text here</span>

#5964f2 background color

This paragraph has a background color of #5964f2.

<p style="background-color:#5964f2;">Content here</p>

#5964f2 border color

This element has a border color of #5964f2.

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

CSS codes

.text {color:#5964f2;}

.background {background-color:#5964f2;}

.border {border:1px solid #5964f2;}

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

#010210
```
#010210 rgb(1,2,16)
```
#030522
```
#030522 rgb(3,5,34)
```
#040834
```
#040834 rgb(4,8,52)
```
#060a46
```
#060a46 rgb(6,10,70)
```
#070d59
```
#070d59 rgb(7,13,89)
```
#080f6b
```
#080f6b rgb(8,15,107)
```
#0a127d
```
#0a127d rgb(10,18,125)
```
#0b158f
```
#0b158f rgb(11,21,143)
```
#0d17a1
```
#0d17a1 rgb(13,23,161)
```
#0e1ab4
```
#0e1ab4 rgb(14,26,180)
```
#0f1dc6
```
#0f1dc6 rgb(15,29,198)
```
#111fd8
```
#111fd8 rgb(17,31,216)
```
#1222ea
```
#1222ea rgb(18,34,234)
```

Shade Color Variation

#2231ee
```
#2231ee rgb(34,49,238)
```
#3542ef
```
#3542ef rgb(53,66,239)
```
#4753f1
```
#4753f1 rgb(71,83,241)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#6b75f3
```
#6b75f3 rgb(107,117,243)
```
#7d86f5
```
#7d86f5 rgb(125,134,245)
```
#9097f6
```
#9097f6 rgb(144,151,246)
```
#a2a8f8
```
#a2a8f8 rgb(162,168,248)
```
#b4b9f9
```
#b4b9f9 rgb(180,185,249)
```
#c6cafb
```
#c6cafb rgb(198,202,251)
```
#d8dbfc
```
#d8dbfc rgb(216,219,252)
```
#ebecfd
```
#ebecfd rgb(235,236,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a5a5a6
```
#a5a5a6 rgb(165,165,166)
```
#9e9fad
```
#9e9fad rgb(158,159,173)
```
#9799b4
```
#9799b4 rgb(151,153,180)
```
#9093bb
```
#9093bb rgb(144,147,187)
```
#898dc2
```
#898dc2 rgb(137,141,194)
```
#8287c9
```
#8287c9 rgb(130,135,201)
```
#7b81d0
```
#7b81d0 rgb(123,129,208)
```
#757cd6
```
#757cd6 rgb(117,124,214)
```
#6e76dd
```
#6e76dd rgb(110,118,221)
```
#6770e4
```
#6770e4 rgb(103,112,228)
```
#606aeb
```
#606aeb rgb(96,106,235)
```
#5964f2
```
#5964f2 rgb(89,100,242)
```
#525ef9
```
#525ef9 rgb(82,94,249)
```

Tone Color Variation

Below, you can see how #5964f2 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

#717171 Achromatopsia 0.005% of the population
#6c6e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ece Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#2070ed Protanomaly 1% of men, 0.01% of women
#2074db Deuteranomaly 6% of men, 0.4% of women
#207ab4 Tritanomaly 0.01% of the population

#5964f2 hex color

#5964f2 Color Information

#5964f2 Color Conversion

Color Schemes with #5964f2

Alternatives to #5964f2

#5964f2 Preview

Shades and Tints of #5964f2

Tones of #5964f2

Color Blindness Simulator