#515f89 hex color

In a RGB color space, hex #515f89 is composed of 31.8% red, 37.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 30.7% magenta, 0% yellow and 46.3% black. It has a hue angle of 225 degrees, a saturation of 25.7% and a lightness of 42.7%. #515f89 color hex could be obtained by blending #a2beff with #000013. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 37
- B 54
RGB color chart
- C 41
- M 31
- Y 0
- K 46
CMYK color chart

● #515f89 color description : Mostly desaturated dark blue.

The hexadecimal color #515f89 has RGB values of R:81, G:95, B:137 and CMYK values of C:0.41, M:0.31, Y:0, K:0.46. Its decimal value is 5332873.

Hex triplet	515f89	`#515f89`
RGB Decimal	81, 95, 137	`rgb(81,95,137)`
RGB Percent	31.8, 37.3, 53.7	`rgb(31.8%,37.3%,53.7%)`
CMYK	41, 31, 0, 46
HSL	225°, 25.7, 42.7	`hsl(225,25.7%,42.7%)`
HSV (or HSB)	225°, 40.9, 53.7
Web Safe	666699	`#666699`

CIE-LAB	40.799, 6.009, -25.025
XYZ	12, 11.74, 25.299
xyY	0.245, 0.239, 11.74
CIE-LCH	40.799, 25.737, 283.502
CIE-LUV	40.799, -8.494, -36.125
Hunter-Lab	34.263, 2.556, -19.795
Binary	01010001, 01011111, 10001001

#515f89
```
#515f89 rgb(81,95,137)
```
#897b51
```
#897b51 rgb(137,123,81)
```

Complementary Color

#517b89
```
#517b89 rgb(81,123,137)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#5f5189
```
#5f5189 rgb(95,81,137)
```

Analogous Color

#7b8951
```
#7b8951 rgb(123,137,81)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#895f51
```
#895f51 rgb(137,95,81)
```

Split Complementary Color

#5f8951
```
#5f8951 rgb(95,137,81)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#89515f
```
#89515f rgb(137,81,95)
```

Triadic Color

#51897b
```
#51897b rgb(81,137,123)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#89515f
```
#89515f rgb(137,81,95)
```
#897b51
```
#897b51 rgb(137,123,81)
```

Tetradic Color

#353e59
```
#353e59 rgb(53,62,89)
```
#3e4969
```
#3e4969 rgb(62,73,105)
```
#485479
```
#485479 rgb(72,84,121)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#5a6a99
```
#5a6a99 rgb(90,106,153)
```
#6877a5
```
#6877a5 rgb(104,119,165)
```
#7885af
```
#7885af rgb(120,133,175)
```

Monochromatic Color

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

#516d89
```
#516d89 rgb(81,109,137)
```
#516889
```
#516889 rgb(81,104,137)
```
#516489
```
#516489 rgb(81,100,137)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#515a89
```
#515a89 rgb(81,90,137)
```
#515689
```
#515689 rgb(81,86,137)
```
#515189
```
#515189 rgb(81,81,137)
```

Similar Colors

Text with hexadecimal color #515f89

This text has a font color of #515f89.

<span style="color:#515f89;">Text here</span>

#515f89 background color

This paragraph has a background color of #515f89.

<p style="background-color:#515f89;">Content here</p>

#515f89 border color

This element has a border color of #515f89.

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

CSS codes

.text {color:#515f89;}

.background {background-color:#515f89;}

.border {border:1px solid #515f89;}

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#0f121a
```
#0f121a rgb(15,18,26)
```
#171b26
```
#171b26 rgb(23,27,38)
```
#1e2333
```
#1e2333 rgb(30,35,51)
```
#252c3f
```
#252c3f rgb(37,44,63)
```
#2d344b
```
#2d344b rgb(45,52,75)
```
#343d58
```
#343d58 rgb(52,61,88)
```
#3b4564
```
#3b4564 rgb(59,69,100)
```
#424e70
```
#424e70 rgb(66,78,112)
```
#4a567d
```
#4a567d rgb(74,86,125)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#586895
```
#586895 rgb(88,104,149)
```

Shade Color Variation

#6070a1
```
#6070a1 rgb(96,112,161)
```
#6c7ba8
```
#6c7ba8 rgb(108,123,168)
```
#7987b0
```
#7987b0 rgb(121,135,176)
```
#8592b7
```
#8592b7 rgb(133,146,183)
```
#919dbe
```
#919dbe rgb(145,157,190)
```
#9ea8c6
```
#9ea8c6 rgb(158,168,198)
```
#aab3cd
```
#aab3cd rgb(170,179,205)
```
#b6bed4
```
#b6bed4 rgb(182,190,212)
```
#c3c9db
```
#c3c9db rgb(195,201,219)
```
#cfd4e3
```
#cfd4e3 rgb(207,212,227)
```
#dbdfea
```
#dbdfea rgb(219,223,234)
```
#e8eaf1
```
#e8eaf1 rgb(232,234,241)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c70 is the less saturated color, while #0639d4 is the most saturated one.

#6a6c70
```
#6a6c70 rgb(106,108,112)
```
#626778
```
#626778 rgb(98,103,120)
```
#596381
```
#596381 rgb(89,99,129)
```
#515f89
```
#515f89 rgb(81,95,137)
```
#495b91
```
#495b91 rgb(73,91,145)
```
#40579a
```
#40579a rgb(64,87,154)
```
#3852a2
```
#3852a2 rgb(56,82,162)
```
#2f4eab
```
#2f4eab rgb(47,78,171)
```
#274ab3
```
#274ab3 rgb(39,74,179)
```
#1f46bb
```
#1f46bb rgb(31,70,187)
```
#1642c4
```
#1642c4 rgb(22,66,196)
```
#0e3dcc
```
#0e3dcc rgb(14,61,204)
```
#0639d4
```
#0639d4 rgb(6,57,212)
```

Tone Color Variation

Below, you can see how #515f89 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

#606060 Achromatopsia 0.005% of the population
#5d6068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b678e Protanopia 1% of men
#59678f Deuteranopia 1% of men
#516c74 Tritanopia 0.001% of the population

Trichromacy

#57648c Protanomaly 1% of men, 0.01% of women
#56648c Deuteranomaly 6% of men, 0.4% of women
#51677c Tritanomaly 0.01% of the population

#515f89 hex color

#515f89 Color Information

#515f89 Color Conversion

Color Schemes with #515f89

Alternatives to #515f89

#515f89 Preview

Shades and Tints of #515f89

Tones of #515f89

Color Blindness Simulator