#5976dd hex color

In a RGB color space, hex #5976dd is composed of 34.9% red, 46.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 46.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 226.8 degrees, a saturation of 66% and a lightness of 60.8%. #5976dd color hex could be obtained by blending #b2ecff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 46
- B 87
RGB color chart
- C 60
- M 47
- Y 0
- K 13
CMYK color chart

● #5976dd color description : Soft blue.

The hexadecimal color #5976dd has RGB values of R:89, G:118, B:221 and CMYK values of C:0.6, M:0.47, Y:0, K:0.13. Its decimal value is 5863133.

Hex triplet	5976dd	`#5976dd`
RGB Decimal	89, 118, 221	`rgb(89,118,221)`
RGB Percent	34.9, 46.3, 86.7	`rgb(34.9%,46.3%,86.7%)`
CMYK	60, 47, 0, 13
HSL	226.8°, 66, 60.8	`hsl(226.8,66%,60.8%)`
HSV (or HSB)	226.8°, 59.7, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.175, 20.615, -55.95
XYZ	23.647, 20.3, 71.075
xyY	0.206, 0.176, 20.3
CIE-LCH	52.175, 59.627, 290.226
CIE-LUV	52.175, -15.683, -88.759
Hunter-Lab	45.055, 14.836, -61.991
Binary	01011001, 01110110, 11011101

#5976dd
```
#5976dd rgb(89,118,221)
```
#ddc059
```
#ddc059 rgb(221,192,89)
```

Complementary Color

#59b8dd
```
#59b8dd rgb(89,184,221)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#7e59dd
```
#7e59dd rgb(126,89,221)
```

Analogous Color

#b8dd59
```
#b8dd59 rgb(184,221,89)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#dd7e59
```
#dd7e59 rgb(221,126,89)
```

Split Complementary Color

#76dd59
```
#76dd59 rgb(118,221,89)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#dd5976
```
#dd5976 rgb(221,89,118)
```

Triadic Color

#59ddc0
```
#59ddc0 rgb(89,221,192)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#dd5976
```
#dd5976 rgb(221,89,118)
```
#ddc059
```
#ddc059 rgb(221,192,89)
```

Tetradic Color

#284ac2
```
#284ac2 rgb(40,74,194)
```
#2f53d4
```
#2f53d4 rgb(47,83,212)
```
#4465d9
```
#4465d9 rgb(68,101,217)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#6e87e1
```
#6e87e1 rgb(110,135,225)
```
#8399e6
```
#8399e6 rgb(131,153,230)
```
#98aaea
```
#98aaea rgb(152,170,234)
```

Monochromatic Color

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

#5997dd
```
#5997dd rgb(89,151,221)
```
#598cdd
```
#598cdd rgb(89,140,221)
```
#5981dd
```
#5981dd rgb(89,129,221)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#596bdd
```
#596bdd rgb(89,107,221)
```
#5960dd
```
#5960dd rgb(89,96,221)
```
#5d59dd
```
#5d59dd rgb(93,89,221)
```

Similar Colors

Text with hexadecimal color #5976dd

This text has a font color of #5976dd.

<span style="color:#5976dd;">Text here</span>

#5976dd background color

This paragraph has a background color of #5976dd.

<p style="background-color:#5976dd;">Content here</p>

#5976dd border color

This element has a border color of #5976dd.

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

CSS codes

.text {color:#5976dd;}

.background {background-color:#5976dd;}

.border {border:1px solid #5976dd;}

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, #03050d is the darkest color, while #fcfcfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#060b1d
```
#060b1d rgb(6,11,29)
```
#09112e
```
#09112e rgb(9,17,46)
```
#0d183e
```
#0d183e rgb(13,24,62)
```
#101e4e
```
#101e4e rgb(16,30,78)
```
#13245e
```
#13245e rgb(19,36,94)
```
#172a6f
```
#172a6f rgb(23,42,111)
```
#1a307f
```
#1a307f rgb(26,48,127)
```
#1d368f
```
#1d368f rgb(29,54,143)
```
#213da0
```
#213da0 rgb(33,61,160)
```
#2443b0
```
#2443b0 rgb(36,67,176)
```
#2749c0
```
#2749c0 rgb(39,73,192)
```
#2b4fd0
```
#2b4fd0 rgb(43,79,208)
```

Shade Color Variation

#385bd6
```
#385bd6 rgb(56,91,214)
```
#4969da
```
#4969da rgb(73,105,218)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#6983e0
```
#6983e0 rgb(105,131,224)
```
#7a91e4
```
#7a91e4 rgb(122,145,228)
```
#8a9ee7
```
#8a9ee7 rgb(138,158,231)
```
#9aacea
```
#9aacea rgb(154,172,234)
```
#aab9ee
```
#aab9ee rgb(170,185,238)
```
#bbc7f1
```
#bbc7f1 rgb(187,199,241)
```
#cbd4f4
```
#cbd4f4 rgb(203,212,244)
```
#dbe1f8
```
#dbe1f8 rgb(219,225,248)
```
#eceffb
```
#eceffb rgb(236,239,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97989f is the less saturated color, while #3a65fc is the most saturated one.

#97989f
```
#97989f rgb(151,152,159)
```
#8f94a7
```
#8f94a7 rgb(143,148,167)
```
#8790af
```
#8790af rgb(135,144,175)
```
#7f8cb7
```
#7f8cb7 rgb(127,140,183)
```
#7887be
```
#7887be rgb(120,135,190)
```
#7083c6
```
#7083c6 rgb(112,131,198)
```
#687fce
```
#687fce rgb(104,127,206)
```
#617ad5
```
#617ad5 rgb(97,122,213)
```
#5976dd
```
#5976dd rgb(89,118,221)
```
#5172e5
```
#5172e5 rgb(81,114,229)
```
#4a6dec
```
#4a6dec rgb(74,109,236)
```
#4269f4
```
#4269f4 rgb(66,105,244)
```
#3a65fc
```
#3a65fc rgb(58,101,252)
```

Tone Color Variation

Below, you can see how #5976dd 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

#797979 Achromatopsia 0.005% of the population
#73788d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e80e1 Protanopia 1% of men
#2885db Deuteranopia 1% of men
#368e98 Tritanopia 0.001% of the population

Trichromacy

#527cdf Protanomaly 1% of men, 0.01% of women
#3a7fdb Deuteranomaly 6% of men, 0.4% of women
#4285b1 Tritanomaly 0.01% of the population

#5976dd hex color

#5976dd Color Information

#5976dd Color Conversion

Color Schemes with #5976dd

Alternatives to #5976dd

#5976dd Preview

Shades and Tints of #5976dd

Tones of #5976dd

Color Blindness Simulator