colorhexa.com

#5981bc hex color

In a RGB color space, hex #5981bc is composed of 34.9% red, 50.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 31.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 215.8 degrees, a saturation of 42.5% and a lightness of 54.3%. #5981bc color hex could be obtained by blending #b2ffff with #000379. Closest websafe color is: #6699cc.

- R 35
- G 51
- B 74
RGB color chart
- C 53
- M 31
- Y 0
- K 26
CMYK color chart

● #5981bc color description : Moderate blue.

The hexadecimal color #5981bc has RGB values of R:89, G:129, B:188 and CMYK values of C:0.53, M:0.31, Y:0, K:0.26. Its decimal value is 5865916.

Hex triplet	5981bc	`#5981bc`
RGB Decimal	89, 129, 188	`rgb(89,129,188)`
RGB Percent	34.9, 50.6, 73.7	`rgb(34.9%,50.6%,73.7%)`
CMYK	53, 31, 0, 26
HSL	215.8°, 42.5, 54.3	`hsl(215.8,42.5%,54.3%)`
HSV (or HSB)	215.8°, 52.7, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.443, 3.165, -35.192
XYZ	21.045, 21.454, 50.606
xyY	0.226, 0.23, 21.454
CIE-LCH	53.443, 35.334, 275.139
CIE-LUV	53.443, -19.222, -54.195
Hunter-Lab	46.319, 0.045, -32.355
Binary	01011001, 10000001, 10111100

#5981bc
```
#5981bc rgb(89,129,188)
```
#bc9459
```
#bc9459 rgb(188,148,89)
```

Complementary Color

#59b3bc
```
#59b3bc rgb(89,179,188)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#6259bc
```
#6259bc rgb(98,89,188)
```

Analogous Color

#b3bc59
```
#b3bc59 rgb(179,188,89)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#bc6359
```
#bc6359 rgb(188,99,89)
```

Split Complementary Color

#81bc59
```
#81bc59 rgb(129,188,89)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#bc5981
```
#bc5981 rgb(188,89,129)
```

Triadic Color

#59bc94
```
#59bc94 rgb(89,188,148)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#bc5981
```
#bc5981 rgb(188,89,129)
```
#bc9459
```
#bc9459 rgb(188,148,89)
```

Tetradic Color

#3a5c8f
```
#3a5c8f rgb(58,92,143)
```
#4168a1
```
#4168a1 rgb(65,104,161)
```
#4873b3
```
#4873b3 rgb(72,115,179)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#6b8fc3
```
#6b8fc3 rgb(107,143,195)
```
#7d9dcb
```
#7d9dcb rgb(125,157,203)
```
#90aad2
```
#90aad2 rgb(144,170,210)
```

Monochromatic Color

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

#599abc
```
#599abc rgb(89,154,188)
```
#5992bc
```
#5992bc rgb(89,146,188)
```
#5989bc
```
#5989bc rgb(89,137,188)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#5979bc
```
#5979bc rgb(89,121,188)
```
#5971bc
```
#5971bc rgb(89,113,188)
```
#5968bc
```
#5968bc rgb(89,104,188)
```

Similar Colors

Text with hexadecimal color #5981bc

This text has a font color of #5981bc.

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

#5981bc background color

This paragraph has a background color of #5981bc.

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

#5981bc border color

This element has a border color of #5981bc.

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

CSS codes

.text {color:#5981bc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0c131e
```
#0c131e rgb(12,19,30)
```
#121c2c
```
#121c2c rgb(18,28,44)
```
#17253a
```
#17253a rgb(23,37,58)
```
#1d2e48
```
#1d2e48 rgb(29,46,72)
```
#233756
```
#233756 rgb(35,55,86)
```
#284064
```
#284064 rgb(40,64,100)
```
#2e4971
```
#2e4971 rgb(46,73,113)
```
#33527f
```
#33527f rgb(51,82,127)
```
#395b8d
```
#395b8d rgb(57,91,141)
```
#3f649b
```
#3f649b rgb(63,100,155)
```
#446da9
```
#446da9 rgb(68,109,169)
```

Shade Color Variation

#4b76b6
```
#4b76b6 rgb(75,118,182)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#678cc2
```
#678cc2 rgb(103,140,194)
```
#7596c7
```
#7596c7 rgb(117,150,199)
```
#83a1cd
```
#83a1cd rgb(131,161,205)
```
#91abd3
```
#91abd3 rgb(145,171,211)
```
#9fb6d8
```
#9fb6d8 rgb(159,182,216)
```
#adc1de
```
#adc1de rgb(173,193,222)
```
#bbcbe3
```
#bbcbe3 rgb(187,203,227)
```
#c9d6e9
```
#c9d6e9 rgb(201,214,233)
```
#d7e0ef
```
#d7e0ef rgb(215,224,239)
```
#e5ebf4
```
#e5ebf4 rgb(229,235,244)
```
#f3f6fa
```
#f3f6fa rgb(243,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a8f is the less saturated color, while #1a75fb is the most saturated one.

#868a8f
```
#868a8f rgb(134,138,143)
```
#7d8898
```
#7d8898 rgb(125,136,152)
```
#7486a1
```
#7486a1 rgb(116,134,161)
```
#6b84aa
```
#6b84aa rgb(107,132,170)
```
#6283b3
```
#6283b3 rgb(98,131,179)
```
#5981bc
```
#5981bc rgb(89,129,188)
```
#507fc5
```
#507fc5 rgb(80,127,197)
```
#477ece
```
#477ece rgb(71,126,206)
```
#3e7cd7
```
#3e7cd7 rgb(62,124,215)
```
#357ae0
```
#357ae0 rgb(53,122,224)
```
#2c78e9
```
#2c78e9 rgb(44,120,233)
```
#2377f2
```
#2377f2 rgb(35,119,242)
```
#1a75fb
```
#1a75fb rgb(26,117,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7284bd Protanopia 1% of men
#6a85c0 Deuteranopia 1% of men
#508f99 Tritanopia 0.001% of the population

Trichromacy

#6983bc Protanomaly 1% of men, 0.01% of women
#6483be Deuteranomaly 6% of men, 0.4% of women
#538aa6 Tritanomaly 0.01% of the population