#5963d6 hex color

In a RGB color space, hex #5963d6 is composed of 34.9% red, 38.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 53.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 235.2 degrees, a saturation of 60.4% and a lightness of 59.4%. #5963d6 color hex could be obtained by blending #b2c6ff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 39
- B 84
RGB color chart
- C 58
- M 54
- Y 0
- K 16
CMYK color chart

● #5963d6 color description : Moderate blue.

The hexadecimal color #5963d6 has RGB values of R:89, G:99, B:214 and CMYK values of C:0.58, M:0.54, Y:0, K:0.16. Its decimal value is 5858262.

Hex triplet	5963d6	`#5963d6`
RGB Decimal	89, 99, 214	`rgb(89,99,214)`
RGB Percent	34.9, 38.8, 83.9	`rgb(34.9%,38.8%,83.9%)`
CMYK	58, 54, 0, 16
HSL	235.2°, 60.4, 59.4	`hsl(235.2,60.4%,59.4%)`
HSV (or HSB)	235.2°, 58.4, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.845, 30.022, -60.558
XYZ	20.717, 15.902, 65.592
xyY	0.203, 0.156, 15.902
CIE-LCH	46.845, 67.592, 296.37
CIE-LUV	46.845, -9.817, -94.089
Hunter-Lab	39.877, 22.95, -69.611
Binary	01011001, 01100011, 11010110

#5963d6
```
#5963d6 rgb(89,99,214)
```
#d6cc59
```
#d6cc59 rgb(214,204,89)
```

Complementary Color

#59a2d6
```
#59a2d6 rgb(89,162,214)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#8e59d6
```
#8e59d6 rgb(142,89,214)
```

Analogous Color

#a2d659
```
#a2d659 rgb(162,214,89)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#d68e59
```
#d68e59 rgb(214,142,89)
```

Split Complementary Color

#63d659
```
#63d659 rgb(99,214,89)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#d65963
```
#d65963 rgb(214,89,99)
```

Triadic Color

#59d6cc
```
#59d6cc rgb(89,214,204)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#d65963
```
#d65963 rgb(214,89,99)
```
#d6cc59
```
#d6cc59 rgb(214,204,89)
```

Tetradic Color

#2d38b6
```
#2d38b6 rgb(45,56,182)
```
#323eca
```
#323eca rgb(50,62,202)
```
#4550d1
```
#4550d1 rgb(69,80,209)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#6d76db
```
#6d76db rgb(109,118,219)
```
#8289e0
```
#8289e0 rgb(130,137,224)
```
#969de5
```
#969de5 rgb(150,157,229)
```

Monochromatic Color

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

#5982d6
```
#5982d6 rgb(89,130,214)
```
#5978d6
```
#5978d6 rgb(89,120,214)
```
#596dd6
```
#596dd6 rgb(89,109,214)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#5959d6
```
#5959d6 rgb(89,89,214)
```
#6459d6
```
#6459d6 rgb(100,89,214)
```
#6e59d6
```
#6e59d6 rgb(110,89,214)
```

Similar Colors

Text with hexadecimal color #5963d6

This text has a font color of #5963d6.

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

#5963d6 background color

This paragraph has a background color of #5963d6.

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

#5963d6 border color

This element has a border color of #5963d6.

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

CSS codes

.text {color:#5963d6;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#060717
```
#060717 rgb(6,7,23)
```
#0a0c26
```
#0a0c26 rgb(10,12,38)
```
#0d1136
```
#0d1136 rgb(13,17,54)
```
#111546
```
#111546 rgb(17,21,70)
```
#151a56
```
#151a56 rgb(21,26,86)
```
#191f65
```
#191f65 rgb(25,31,101)
```
#1d2475
```
#1d2475 rgb(29,36,117)
```
#212985
```
#212985 rgb(33,41,133)
```
#252e95
```
#252e95 rgb(37,46,149)
```
#2932a4
```
#2932a4 rgb(41,50,164)
```
#2c37b4
```
#2c37b4 rgb(44,55,180)
```
#303cc4
```
#303cc4 rgb(48,60,196)
```

Shade Color Variation

#3a45ce
```
#3a45ce rgb(58,69,206)
```
#4954d2
```
#4954d2 rgb(73,84,210)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#6972da
```
#6972da rgb(105,114,218)
```
#7881de
```
#7881de rgb(120,129,222)
```
#888fe2
```
#888fe2 rgb(136,143,226)
```
#989ee6
```
#989ee6 rgb(152,158,230)
```
#a8ade9
```
#a8ade9 rgb(168,173,233)
```
#b7bced
```
#b7bced rgb(183,188,237)
```
#c7caf1
```
#c7caf1 rgb(199,202,241)
```
#d7d9f5
```
#d7d9f5 rgb(215,217,245)
```
#e7e8f9
```
#e7e8f9 rgb(231,232,249)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929e is the less saturated color, while #3142fe is the most saturated one.

#91929e
```
#91929e rgb(145,146,158)
```
#898ba6
```
#898ba6 rgb(137,139,166)
```
#8184ae
```
#8184ae rgb(129,132,174)
```
#797eb6
```
#797eb6 rgb(121,126,182)
```
#7177be
```
#7177be rgb(113,119,190)
```
#6970c6
```
#6970c6 rgb(105,112,198)
```
#616ace
```
#616ace rgb(97,106,206)
```
#5963d6
```
#5963d6 rgb(89,99,214)
```
#515cde
```
#515cde rgb(81,92,222)
```
#4956e6
```
#4956e6 rgb(73,86,230)
```
#414fee
```
#414fee rgb(65,79,238)
```
#3948f6
```
#3948f6 rgb(57,72,246)
```
#3142fe
```
#3142fe rgb(49,66,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b72df Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#338089 Tritanopia 0.001% of the population

Trichromacy

#326ddb Protanomaly 1% of men, 0.01% of women
#2070cc Deuteranomaly 6% of men, 0.4% of women
#4175a5 Tritanomaly 0.01% of the population

#5963d6 hex color

#5963d6 Color Information

#5963d6 Color Conversion

Color Schemes with #5963d6

Alternatives to #5963d6

#5963d6 Preview

Shades and Tints of #5963d6

Tones of #5963d6

Color Blindness Simulator