#515683 hex color

In a RGB color space, hex #515683 is composed of 31.8% red, 33.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 34.4% magenta, 0% yellow and 48.6% black. It has a hue angle of 234 degrees, a saturation of 23.6% and a lightness of 41.6%. #515683 color hex could be obtained by blending #a2acff with #000007. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 34
- B 51
RGB color chart
- C 38
- M 34
- Y 0
- K 49
CMYK color chart

● #515683 color description : Mostly desaturated dark blue.

The hexadecimal color #515683 has RGB values of R:81, G:86, B:131 and CMYK values of C:0.38, M:0.34, Y:0, K:0.49. Its decimal value is 5330563.

Hex triplet	515683	`#515683`
RGB Decimal	81, 86, 131	`rgb(81,86,131)`
RGB Percent	31.8, 33.7, 51.4	`rgb(31.8%,33.7%,51.4%)`
CMYK	38, 34, 0, 49
HSL	234°, 23.6, 41.6	`hsl(234,23.6%,41.6%)`
HSV (or HSB)	234°, 38.2, 51.4
Web Safe	666699	`#666699`

CIE-LAB	37.92, 9.889, -25.869
XYZ	10.817, 10.043, 22.84
xyY	0.248, 0.23, 10.043
CIE-LCH	37.92, 27.695, 290.921
CIE-LUV	37.92, -4.785, -37.127
Hunter-Lab	31.691, 5.467, -20.547
Binary	01010001, 01010110, 10000011

#515683
```
#515683 rgb(81,86,131)
```
#837e51
```
#837e51 rgb(131,126,81)
```

Complementary Color

#516f83
```
#516f83 rgb(81,111,131)
```
#515683
```
#515683 rgb(81,86,131)
```
#655183
```
#655183 rgb(101,81,131)
```

Analogous Color

#6f8351
```
#6f8351 rgb(111,131,81)
```
#515683
```
#515683 rgb(81,86,131)
```
#836551
```
#836551 rgb(131,101,81)
```

Split Complementary Color

#568351
```
#568351 rgb(86,131,81)
```
#515683
```
#515683 rgb(81,86,131)
```
#835156
```
#835156 rgb(131,81,86)
```

Triadic Color

#51837e
```
#51837e rgb(81,131,126)
```
#515683
```
#515683 rgb(81,86,131)
```
#835156
```
#835156 rgb(131,81,86)
```
#837e51
```
#837e51 rgb(131,126,81)
```

Tetradic Color

#343754
```
#343754 rgb(52,55,84)
```
#3e4163
```
#3e4163 rgb(62,65,99)
```
#474c73
```
#474c73 rgb(71,76,115)
```
#515683
```
#515683 rgb(81,86,131)
```
#5b6093
```
#5b6093 rgb(91,96,147)
```
#666ca1
```
#666ca1 rgb(102,108,161)
```
#767baa
```
#767baa rgb(118,123,170)
```

Monochromatic Color

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

#516383
```
#516383 rgb(81,99,131)
```
#515e83
```
#515e83 rgb(81,94,131)
```
#515a83
```
#515a83 rgb(81,90,131)
```
#515683
```
#515683 rgb(81,86,131)
```
#515283
```
#515283 rgb(81,82,131)
```
#545183
```
#545183 rgb(84,81,131)
```
#595183
```
#595183 rgb(89,81,131)
```

Similar Colors

Text with hexadecimal color #515683

This text has a font color of #515683.

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

#515683 background color

This paragraph has a background color of #515683.

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

#515683 border color

This element has a border color of #515683.

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

CSS codes

.text {color:#515683;}

.background {background-color:#515683;}

.border {border:1px solid #515683;}

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

#06060a
```
#06060a rgb(6,6,10)
```
#0e0e16
```
#0e0e16 rgb(14,14,22)
```
#151622
```
#151622 rgb(21,22,34)
```
#1d1e2e
```
#1d1e2e rgb(29,30,46)
```
#24263a
```
#24263a rgb(36,38,58)
```
#2c2e46
```
#2c2e46 rgb(44,46,70)
```
#333653
```
#333653 rgb(51,54,83)
```
#3b3e5f
```
#3b3e5f rgb(59,62,95)
```
#42466b
```
#42466b rgb(66,70,107)
```
#4a4e77
```
#4a4e77 rgb(74,78,119)
```
#515683
```
#515683 rgb(81,86,131)
```
#585e8f
```
#585e8f rgb(88,94,143)
```
#60669b
```
#60669b rgb(96,102,155)
```

Shade Color Variation

#6b71a4
```
#6b71a4 rgb(107,113,164)
```
#777dab
```
#777dab rgb(119,125,171)
```
#8388b3
```
#8388b3 rgb(131,136,179)
```
#9094ba
```
#9094ba rgb(144,148,186)
```
#9c9fc2
```
#9c9fc2 rgb(156,159,194)
```
#a8abc9
```
#a8abc9 rgb(168,171,201)
```
#b4b7d1
```
#b4b7d1 rgb(180,183,209)
```
#c0c2d8
```
#c0c2d8 rgb(192,194,216)
```
#cccee0
```
#cccee0 rgb(204,206,224)
```
#d8dae7
```
#d8dae7 rgb(216,218,231)
```
#e4e5ef
```
#e4e5ef rgb(228,229,239)
```
#f1f1f6
```
#f1f1f6 rgb(241,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #081bcc is the most saturated one.

#696a6b
```
#696a6b rgb(105,106,107)
```
#616373
```
#616373 rgb(97,99,115)
```
#595d7b
```
#595d7b rgb(89,93,123)
```
#515683
```
#515683 rgb(81,86,131)
```
#494f8b
```
#494f8b rgb(73,79,139)
```
#414993
```
#414993 rgb(65,73,147)
```
#39429b
```
#39429b rgb(57,66,155)
```
#303ca4
```
#303ca4 rgb(48,60,164)
```
#2835ac
```
#2835ac rgb(40,53,172)
```
#202fb4
```
#202fb4 rgb(32,47,180)
```
#1828bc
```
#1828bc rgb(24,40,188)
```
#1022c4
```
#1022c4 rgb(16,34,196)
```
#081bcc
```
#081bcc rgb(8,27,204)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52608a Protanopia 1% of men
#516188 Deuteranopia 1% of men
#51646c Tritanopia 0.001% of the population

Trichromacy

#525c87 Protanomaly 1% of men, 0.01% of women
#515d86 Deuteranomaly 6% of men, 0.4% of women
#515f74 Tritanomaly 0.01% of the population

#515683 hex color

#515683 Color Information

#515683 Color Conversion

Color Schemes with #515683

Alternatives to #515683

#515683 Preview

Shades and Tints of #515683

Tones of #515683

Color Blindness Simulator