#312576 hex color

In a RGB color space, hex #312576 is composed of 19.2% red, 14.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 68.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 248.9 degrees, a saturation of 52.3% and a lightness of 30.4%. #312576 color hex could be obtained by blending #624aec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 15
- B 46
RGB color chart
- C 58
- M 69
- Y 0
- K 54
CMYK color chart

● #312576 color description : Dark moderate blue.

The hexadecimal color #312576 has RGB values of R:49, G:37, B:118 and CMYK values of C:0.58, M:0.69, Y:0, K:0.54. Its decimal value is 3220854.

Hex triplet	312576	`#312576`
RGB Decimal	49, 37, 118	`rgb(49,37,118)`
RGB Percent	19.2, 14.5, 46.3	`rgb(19.2%,14.5%,46.3%)`
CMYK	58, 69, 0, 54
HSL	248.9°, 52.3, 30.4	`hsl(248.9,52.3%,30.4%)`
HSV (or HSB)	248.9°, 68.6, 46.3
Web Safe	333366	`#333366`

CIE-LAB	21.147, 29.667, -44.69
XYZ	5.198, 3.284, 17.499
xyY	0.2, 0.126, 3.284
CIE-LCH	21.147, 53.641, 303.578
CIE-LUV	21.147, -0.949, -52.781
Hunter-Lab	18.122, 19.484, -44.566
Binary	00110001, 00100101, 01110110

#312576
```
#312576 rgb(49,37,118)
```
#6a7625
```
#6a7625 rgb(106,118,37)
```

Complementary Color

#254276
```
#254276 rgb(37,66,118)
```
#312576
```
#312576 rgb(49,37,118)
```
#5a2576
```
#5a2576 rgb(90,37,118)
```

Analogous Color

#427625
```
#427625 rgb(66,118,37)
```
#312576
```
#312576 rgb(49,37,118)
```
#765a25
```
#765a25 rgb(118,90,37)
```

Split Complementary Color

#257631
```
#257631 rgb(37,118,49)
```
#312576
```
#312576 rgb(49,37,118)
```
#763125
```
#763125 rgb(118,49,37)
```

Triadic Color

#256a76
```
#256a76 rgb(37,106,118)
```
#312576
```
#312576 rgb(49,37,118)
```
#763125
```
#763125 rgb(118,49,37)
```
#6a7625
```
#6a7625 rgb(106,118,37)
```

Tetradic Color

#19133c
```
#19133c rgb(25,19,60)
```
#21194f
```
#21194f rgb(33,25,79)
```
#291f63
```
#291f63 rgb(41,31,99)
```
#312576
```
#312576 rgb(49,37,118)
```
#392b89
```
#392b89 rgb(57,43,137)
```
#41319d
```
#41319d rgb(65,49,157)
```
#4937b0
```
#4937b0 rgb(73,55,176)
```

Monochromatic Color

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

#252d76
```
#252d76 rgb(37,45,118)
```
#252776
```
#252776 rgb(37,39,118)
```
#2a2576
```
#2a2576 rgb(42,37,118)
```
#312576
```
#312576 rgb(49,37,118)
```
#382576
```
#382576 rgb(56,37,118)
```
#3f2576
```
#3f2576 rgb(63,37,118)
```
#452576
```
#452576 rgb(69,37,118)
```

Similar Colors

Text with hexadecimal color #312576

This text has a font color of #312576.

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

#312576 background color

This paragraph has a background color of #312576.

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

#312576 border color

This element has a border color of #312576.

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

CSS codes

.text {color:#312576;}

.background {background-color:#312576;}

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

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, #06040d is the darkest color, while #fefeff is the lightest one.

#06040d
```
#06040d rgb(6,4,13)
```
#0c091c
```
#0c091c rgb(12,9,28)
```
#120e2b
```
#120e2b rgb(18,14,43)
```
#18123a
```
#18123a rgb(24,18,58)
```
#1e1749
```
#1e1749 rgb(30,23,73)
```
#251c58
```
#251c58 rgb(37,28,88)
```
#2b2067
```
#2b2067 rgb(43,32,103)
```
#312576
```
#312576 rgb(49,37,118)
```
#372a85
```
#372a85 rgb(55,42,133)
```
#3d2e94
```
#3d2e94 rgb(61,46,148)
```
#4433a3
```
#4433a3 rgb(68,51,163)
```
#4a38b2
```
#4a38b2 rgb(74,56,178)
```
#503cc1
```
#503cc1 rgb(80,60,193)
```

Shade Color Variation

#5d4ac6
```
#5d4ac6 rgb(93,74,198)
```
#6a59cb
```
#6a59cb rgb(106,89,203)
```
#7868d0
```
#7868d0 rgb(120,104,208)
```
#8577d4
```
#8577d4 rgb(133,119,212)
```
#9286d9
```
#9286d9 rgb(146,134,217)
```
#a095de
```
#a095de rgb(160,149,222)
```
#ada4e2
```
#ada4e2 rgb(173,164,226)
```
#bbb3e7
```
#bbb3e7 rgb(187,179,231)
```
#c8c2ec
```
#c8c2ec rgb(200,194,236)
```
#d5d1f0
```
#d5d1f0 rgb(213,209,240)
```
#e3e0f5
```
#e3e0f5 rgb(227,224,245)
```
#f0effa
```
#f0effa rgb(240,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4952 is the less saturated color, while #18019a is the most saturated one.

#4a4952
```
#4a4952 rgb(74,73,82)
```
#464358
```
#464358 rgb(70,67,88)
```
#423d5e
```
#423d5e rgb(66,61,94)
```
#3e3764
```
#3e3764 rgb(62,55,100)
```
#39316a
```
#39316a rgb(57,49,106)
```
#352b70
```
#352b70 rgb(53,43,112)
```
#312576
```
#312576 rgb(49,37,118)
```
#2d1f7c
```
#2d1f7c rgb(45,31,124)
```
#291982
```
#291982 rgb(41,25,130)
```
#241388
```
#241388 rgb(36,19,136)
```
#200d8e
```
#200d8e rgb(32,13,142)
```
#1c0794
```
#1c0794 rgb(28,7,148)
```
#18019a
```
#18019a rgb(24,1,154)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b74 Protanopia 1% of men
#003e65 Deuteranopia 1% of men
#204246 Tritanopia 0.001% of the population

Trichromacy

#113374 Protanomaly 1% of men, 0.01% of women
#11356b Deuteranomaly 6% of men, 0.4% of women
#263758 Tritanomaly 0.01% of the population

#312576 hex color

#312576 Color Information

#312576 Color Conversion

Color Schemes with #312576

Alternatives to #312576

#312576 Preview

Shades and Tints of #312576

Tones of #312576

Color Blindness Simulator