#5963f3 hex color

In a RGB color space, hex #5963f3 is composed of 34.9% red, 38.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 59.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 236.1 degrees, a saturation of 86.5% and a lightness of 65.1%. #5963f3 color hex could be obtained by blending #b2c6ff with #0000e7. 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

● #5963f3 color description : Soft blue.

The hexadecimal color #5963f3 has RGB values of R:89, G:99, B:243 and CMYK values of C:0.63, M:0.59, Y:0, K:0.05. Its decimal value is 5858291.

Hex triplet	5963f3	`#5963f3`
RGB Decimal	89, 99, 243	`rgb(89,99,243)`
RGB Percent	34.9, 38.8, 95.3	`rgb(34.9%,38.8%,95.3%)`
CMYK	63, 59, 0, 5
HSL	236.1°, 86.5, 65.1	`hsl(236.1,86.5%,65.1%)`
HSV (or HSB)	236.1°, 63.4, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.905, 39.549, -73.587
XYZ	24.756, 17.517, 86.866
xyY	0.192, 0.136, 17.517
CIE-LCH	48.905, 83.541, 298.256
CIE-LUV	48.905, -10.92, -114.885
Hunter-Lab	41.854, 32.337, -93.756
Binary	01011001, 01100011, 11110011

#5963f3
```
#5963f3 rgb(89,99,243)
```
#f3e959
```
#f3e959 rgb(243,233,89)
```

Complementary Color

#59b0f3
```
#59b0f3 rgb(89,176,243)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#9c59f3
```
#9c59f3 rgb(156,89,243)
```

Analogous Color

#b0f359
```
#b0f359 rgb(176,243,89)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#f39c59
```
#f39c59 rgb(243,156,89)
```

Split Complementary Color

#63f359
```
#63f359 rgb(99,243,89)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#f35963
```
#f35963 rgb(243,89,99)
```

Triadic Color

#59f3e9
```
#59f3e9 rgb(89,243,233)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#f35963
```
#f35963 rgb(243,89,99)
```
#f3e959
```
#f3e959 rgb(243,233,89)
```

Tetradic Color

#1220ee
```
#1220ee rgb(18,32,238)
```
#2936f0
```
#2936f0 rgb(41,54,240)
```
#414df1
```
#414df1 rgb(65,77,241)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#7179f5
```
#7179f5 rgb(113,121,245)
```
#8990f6
```
#8990f6 rgb(137,144,246)
```
#a0a6f8
```
#a0a6f8 rgb(160,166,248)
```

Monochromatic Color

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

#598af3
```
#598af3 rgb(89,138,243)
```
#597df3
```
#597df3 rgb(89,125,243)
```
#5970f3
```
#5970f3 rgb(89,112,243)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#5c59f3
```
#5c59f3 rgb(92,89,243)
```
#6959f3
```
#6959f3 rgb(105,89,243)
```
#7659f3
```
#7659f3 rgb(118,89,243)
```

Similar Colors

Text with hexadecimal color #5963f3

This text has a font color of #5963f3.

<span style="color:#5963f3;">Text here</span>

#5963f3 background color

This paragraph has a background color of #5963f3.

<p style="background-color:#5963f3;">Content here</p>

#5963f3 border color

This element has a border color of #5963f3.

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

CSS codes

.text {color:#5963f3;}

.background {background-color:#5963f3;}

.border {border:1px solid #5963f3;}

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

#010211
```
#010211 rgb(1,2,17)
```
#030523
```
#030523 rgb(3,5,35)
```
#040736
```
#040736 rgb(4,7,54)
```
#050a48
```
#050a48 rgb(5,10,72)
```
#070c5a
```
#070c5a rgb(7,12,90)
```
#080e6c
```
#080e6c rgb(8,14,108)
```
#09117f
```
#09117f rgb(9,17,127)
```
#0a1391
```
#0a1391 rgb(10,19,145)
```
#0c16a3
```
#0c16a3 rgb(12,22,163)
```
#0d18b6
```
#0d18b6 rgb(13,24,182)
```
#0e1ac8
```
#0e1ac8 rgb(14,26,200)
```
#101dda
```
#101dda rgb(16,29,218)
```
#111fec
```
#111fec rgb(17,31,236)
```

Shade Color Variation

#222fef
```
#222fef rgb(34,47,239)
```
#3441f0
```
#3441f0 rgb(52,65,240)
```
#4752f2
```
#4752f2 rgb(71,82,242)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#6b74f4
```
#6b74f4 rgb(107,116,244)
```
#7e85f6
```
#7e85f6 rgb(126,133,246)
```
#9097f7
```
#9097f7 rgb(144,151,247)
```
#a2a8f8
```
#a2a8f8 rgb(162,168,248)
```
#b4b9fa
```
#b4b9fa rgb(180,185,250)
```
#c7cafb
```
#c7cafb rgb(199,202,251)
```
#d9dbfc
```
#d9dbfc rgb(217,219,252)
```
#ebedfe
```
#ebedfe rgb(235,237,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a4a5a8
```
#a4a5a8 rgb(164,165,168)
```
#9d9faf
```
#9d9faf rgb(157,159,175)
```
#9799b5
```
#9799b5 rgb(151,153,181)
```
#9093bc
```
#9093bc rgb(144,147,188)
```
#898dc3
```
#898dc3 rgb(137,141,195)
```
#8287ca
```
#8287ca rgb(130,135,202)
```
#7b81d1
```
#7b81d1 rgb(123,129,209)
```
#747bd8
```
#747bd8 rgb(116,123,216)
```
#6e75de
```
#6e75de rgb(110,117,222)
```
#676fe5
```
#676fe5 rgb(103,111,229)
```
#6069ec
```
#6069ec rgb(96,105,236)
```
#5963f3
```
#5963f3 rgb(89,99,243)
```
#525dfa
```
#525dfa rgb(82,93,250)
```

Tone Color Variation

Below, you can see how #5963f3 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

#707070 Achromatopsia 0.005% of the population
#6b6d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

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

#5963f3 hex color

#5963f3 Color Information

#5963f3 Color Conversion

Color Schemes with #5963f3

Alternatives to #5963f3

#5963f3 Preview

Shades and Tints of #5963f3

Tones of #5963f3

Color Blindness Simulator