#515a84 hex color

In a RGB color space, hex #515a84 is composed of 31.8% red, 35.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 31.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 229.4 degrees, a saturation of 23.9% and a lightness of 41.8%. #515a84 color hex could be obtained by blending #a2b4ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 35
- B 52
RGB color chart
- C 39
- M 32
- Y 0
- K 48
CMYK color chart

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

The hexadecimal color #515a84 has RGB values of R:81, G:90, B:132 and CMYK values of C:0.39, M:0.32, Y:0, K:0.48. Its decimal value is 5331588.

Hex triplet	515a84	`#515a84`
RGB Decimal	81, 90, 132	`rgb(81,90,132)`
RGB Percent	31.8, 35.3, 51.8	`rgb(31.8%,35.3%,51.8%)`
CMYK	39, 32, 0, 48
HSL	229.4°, 23.9, 41.8	`hsl(229.4,23.9%,41.8%)`
HSV (or HSB)	229.4°, 38.6, 51.8
Web Safe	666699	`#666699`

CIE-LAB	39.117, 7.654, -24.611
XYZ	11.214, 10.727, 23.308
xyY	0.248, 0.237, 10.727
CIE-LCH	39.117, 25.774, 287.275
CIE-LUV	39.117, -6.371, -35.325
Hunter-Lab	32.753, 3.796, -19.267
Binary	01010001, 01011010, 10000100

#515a84
```
#515a84 rgb(81,90,132)
```
#847b51
```
#847b51 rgb(132,123,81)
```

Complementary Color

#517484
```
#517484 rgb(81,116,132)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#615184
```
#615184 rgb(97,81,132)
```

Analogous Color

#748451
```
#748451 rgb(116,132,81)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#846251
```
#846251 rgb(132,98,81)
```

Split Complementary Color

#5a8451
```
#5a8451 rgb(90,132,81)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#84515a
```
#84515a rgb(132,81,90)
```

Triadic Color

#51847b
```
#51847b rgb(81,132,123)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#84515a
```
#84515a rgb(132,81,90)
```
#847b51
```
#847b51 rgb(132,123,81)
```

Tetradic Color

#343a55
```
#343a55 rgb(52,58,85)
```
#3e4464
```
#3e4464 rgb(62,68,100)
```
#474f74
```
#474f74 rgb(71,79,116)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#5b6594
```
#5b6594 rgb(91,101,148)
```
#6771a1
```
#6771a1 rgb(103,113,161)
```
#7680ab
```
#7680ab rgb(118,128,171)
```

Monochromatic Color

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

#516784
```
#516784 rgb(81,103,132)
```
#516384
```
#516384 rgb(81,99,132)
```
#515e84
```
#515e84 rgb(81,94,132)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#515684
```
#515684 rgb(81,86,132)
```
#515284
```
#515284 rgb(81,82,132)
```
#555184
```
#555184 rgb(85,81,132)
```

Similar Colors

Text with hexadecimal color #515a84

This text has a font color of #515a84.

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

#515a84 background color

This paragraph has a background color of #515a84.

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

#515a84 border color

This element has a border color of #515a84.

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

CSS codes

.text {color:#515a84;}

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

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0e0f17
```
#0e0f17 rgb(14,15,23)
```
#151823
```
#151823 rgb(21,24,35)
```
#1d202f
```
#1d202f rgb(29,32,47)
```
#24283b
```
#24283b rgb(36,40,59)
```
#2c3147
```
#2c3147 rgb(44,49,71)
```
#333953
```
#333953 rgb(51,57,83)
```
#3b4160
```
#3b4160 rgb(59,65,96)
```
#42496c
```
#42496c rgb(66,73,108)
```
#4a5278
```
#4a5278 rgb(74,82,120)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#586290
```
#586290 rgb(88,98,144)
```
#606b9c
```
#606b9c rgb(96,107,156)
```

Shade Color Variation

#6b75a4
```
#6b75a4 rgb(107,117,164)
```
#7881ac
```
#7881ac rgb(120,129,172)
```
#848cb3
```
#848cb3 rgb(132,140,179)
```
#9097bb
```
#9097bb rgb(144,151,187)
```
#9ca3c2
```
#9ca3c2 rgb(156,163,194)
```
#a8aeca
```
#a8aeca rgb(168,174,202)
```
#b4b9d1
```
#b4b9d1 rgb(180,185,209)
```
#c1c5d9
```
#c1c5d9 rgb(193,197,217)
```
#cdd0e0
```
#cdd0e0 rgb(205,208,224)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#e5e7ef
```
#e5e7ef rgb(229,231,239)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#6a6a6b
```
#6a6a6b rgb(106,106,107)
```
#616574
```
#616574 rgb(97,101,116)
```
#595f7c
```
#595f7c rgb(89,95,124)
```
#515a84
```
#515a84 rgb(81,90,132)
```
#49558c
```
#49558c rgb(73,85,140)
```
#414f94
```
#414f94 rgb(65,79,148)
```
#384a9d
```
#384a9d rgb(56,74,157)
```
#3045a5
```
#3045a5 rgb(48,69,165)
```
#283fad
```
#283fad rgb(40,63,173)
```
#203ab5
```
#203ab5 rgb(32,58,181)
```
#1835bd
```
#1835bd rgb(24,53,189)
```
#0f30c6
```
#0f30c6 rgb(15,48,198)
```
#072ace
```
#072ace rgb(7,42,206)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57638a Protanopia 1% of men
#55638a Deuteranopia 1% of men
#52686f Tritanopia 0.001% of the population

Trichromacy

#545f88 Protanomaly 1% of men, 0.01% of women
#546087 Deuteranomaly 6% of men, 0.4% of women
#516277 Tritanomaly 0.01% of the population

#515a84 hex color

#515a84 Color Information

#515a84 Color Conversion

Color Schemes with #515a84

Alternatives to #515a84

#515a84 Preview

Shades and Tints of #515a84

Tones of #515a84

Color Blindness Simulator