#5981d6 hex color

In a RGB color space, hex #5981d6 is composed of 34.9% red, 50.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 39.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 220.8 degrees, a saturation of 60.4% and a lightness of 59.4%. #5981d6 color hex could be obtained by blending #b2ffff with #0003ad. Closest websafe color is: #6699cc.

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

● #5981d6 color description : Moderate blue.

The hexadecimal color #5981d6 has RGB values of R:89, G:129, B:214 and CMYK values of C:0.58, M:0.4, Y:0, K:0.16. Its decimal value is 5865942.

Hex triplet	5981d6	`#5981d6`
RGB Decimal	89, 129, 214	`rgb(89,129,214)`
RGB Percent	34.9, 50.6, 83.9	`rgb(34.9%,50.6%,83.9%)`
CMYK	58, 40, 0, 16
HSL	220.8°, 60.4, 59.4	`hsl(220.8,60.4%,59.4%)`
HSV (or HSB)	220.8°, 58.4, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.739, 11.58, -47.912
XYZ	24.105, 22.678, 66.722
xyY	0.212, 0.2, 22.678
CIE-LCH	54.739, 49.291, 283.587
CIE-LUV	54.739, -19.225, -75.954
Hunter-Lab	47.621, 7.015, -49.735
Binary	01011001, 10000001, 11010110

#5981d6
```
#5981d6 rgb(89,129,214)
```
#d6ae59
```
#d6ae59 rgb(214,174,89)
```

Complementary Color

#59c0d6
```
#59c0d6 rgb(89,192,214)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#7059d6
```
#7059d6 rgb(112,89,214)
```

Analogous Color

#c0d659
```
#c0d659 rgb(192,214,89)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#d67059
```
#d67059 rgb(214,112,89)
```

Split Complementary Color

#81d659
```
#81d659 rgb(129,214,89)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#d65981
```
#d65981 rgb(214,89,129)
```

Triadic Color

#59d6ae
```
#59d6ae rgb(89,214,174)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#d65981
```
#d65981 rgb(214,89,129)
```
#d6ae59
```
#d6ae59 rgb(214,174,89)
```

Tetradic Color

#2d59b6
```
#2d59b6 rgb(45,89,182)
```
#3263ca
```
#3263ca rgb(50,99,202)
```
#4571d1
```
#4571d1 rgb(69,113,209)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#6d91db
```
#6d91db rgb(109,145,219)
```
#82a0e0
```
#82a0e0 rgb(130,160,224)
```
#96b0e5
```
#96b0e5 rgb(150,176,229)
```

Monochromatic Color

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

#59a0d6
```
#59a0d6 rgb(89,160,214)
```
#5996d6
```
#5996d6 rgb(89,150,214)
```
#598bd6
```
#598bd6 rgb(89,139,214)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#5977d6
```
#5977d6 rgb(89,119,214)
```
#596cd6
```
#596cd6 rgb(89,108,214)
```
#5962d6
```
#5962d6 rgb(89,98,214)
```

Similar Colors

Text with hexadecimal color #5981d6

This text has a font color of #5981d6.

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

#5981d6 background color

This paragraph has a background color of #5981d6.

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

#5981d6 border color

This element has a border color of #5981d6.

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

CSS codes

.text {color:#5981d6;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060b17
```
#060b17 rgb(6,11,23)
```
#0a1326
```
#0a1326 rgb(10,19,38)
```
#0d1a36
```
#0d1a36 rgb(13,26,54)
```
#112246
```
#112246 rgb(17,34,70)
```
#152a56
```
#152a56 rgb(21,42,86)
```
#193165
```
#193165 rgb(25,49,101)
```
#1d3975
```
#1d3975 rgb(29,57,117)
```
#214185
```
#214185 rgb(33,65,133)
```
#254995
```
#254995 rgb(37,73,149)
```
#2950a4
```
#2950a4 rgb(41,80,164)
```
#2c58b4
```
#2c58b4 rgb(44,88,180)
```
#3060c4
```
#3060c4 rgb(48,96,196)
```

Shade Color Variation

#3a69ce
```
#3a69ce rgb(58,105,206)
```
#4975d2
```
#4975d2 rgb(73,117,210)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#698dda
```
#698dda rgb(105,141,218)
```
#7899de
```
#7899de rgb(120,153,222)
```
#88a5e2
```
#88a5e2 rgb(136,165,226)
```
#98b1e6
```
#98b1e6 rgb(152,177,230)
```
#a8bde9
```
#a8bde9 rgb(168,189,233)
```
#b7c9ed
```
#b7c9ed rgb(183,201,237)
```
#c7d5f1
```
#c7d5f1 rgb(199,213,241)
```
#d7e1f5
```
#d7e1f5 rgb(215,225,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#91959e
```
#91959e rgb(145,149,158)
```
#8992a6
```
#8992a6 rgb(137,146,166)
```
#818fae
```
#818fae rgb(129,143,174)
```
#798cb6
```
#798cb6 rgb(121,140,182)
```
#718abe
```
#718abe rgb(113,138,190)
```
#6987c6
```
#6987c6 rgb(105,135,198)
```
#6184ce
```
#6184ce rgb(97,132,206)
```
#5981d6
```
#5981d6 rgb(89,129,214)
```
#517ede
```
#517ede rgb(81,126,222)
```
#497be6
```
#497be6 rgb(73,123,230)
```
#4178ee
```
#4178ee rgb(65,120,238)
```
#3976f6
```
#3976f6 rgb(57,118,246)
```
#3173fe
```
#3173fe rgb(49,115,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#777f90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6686d7 Protanopia 1% of men
#538ad7 Deuteranopia 1% of men
#41949f Tritanopia 0.001% of the population

Trichromacy

#6184d6 Protanomaly 1% of men, 0.01% of women
#5586d6 Deuteranomaly 6% of men, 0.4% of women
#4a8db3 Tritanomaly 0.01% of the population

#5981d6 hex color

#5981d6 Color Information

#5981d6 Color Conversion

Color Schemes with #5981d6

Alternatives to #5981d6

#5981d6 Preview

Shades and Tints of #5981d6

Tones of #5981d6

Color Blindness Simulator