#312554 hex color

In a RGB color space, hex #312554 is composed of 19.2% red, 14.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 56% magenta, 0% yellow and 67.1% black. It has a hue angle of 255.3 degrees, a saturation of 38.8% and a lightness of 23.7%. #312554 color hex could be obtained by blending #624aa8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 15
- B 33
RGB color chart
- C 42
- M 56
- Y 0
- K 67
CMYK color chart

● #312554 color description : Very dark desaturated violet.

The hexadecimal color #312554 has RGB values of R:49, G:37, B:84 and CMYK values of C:0.42, M:0.56, Y:0, K:0.67. Its decimal value is 3220820.

Hex triplet	312554	`#312554`
RGB Decimal	49, 37, 84	`rgb(49,37,84)`
RGB Percent	19.2, 14.5, 32.9	`rgb(19.2%,14.5%,32.9%)`
CMYK	42, 56, 0, 67
HSL	255.3°, 38.8, 23.7	`hsl(255.3,38.8%,23.7%)`
HSV (or HSB)	255.3°, 56, 32.9
Web Safe	333366	`#333366`

CIE-LAB	18.436, 18.36, -26.79
XYZ	3.528, 2.616, 8.706
xyY	0.238, 0.176, 2.616
CIE-LCH	18.436, 32.477, 304.424
CIE-LUV	18.436, 1.682, -30.329
Hunter-Lab	16.175, 10.631, -20.591
Binary	00110001, 00100101, 01010100

#312554
```
#312554 rgb(49,37,84)
```
#485425
```
#485425 rgb(72,84,37)
```

Complementary Color

#253154
```
#253154 rgb(37,49,84)
```
#312554
```
#312554 rgb(49,37,84)
```
#492554
```
#492554 rgb(73,37,84)
```

Analogous Color

#315425
```
#315425 rgb(49,84,37)
```
#312554
```
#312554 rgb(49,37,84)
```
#544925
```
#544925 rgb(84,73,37)
```

Split Complementary Color

#255431
```
#255431 rgb(37,84,49)
```
#312554
```
#312554 rgb(49,37,84)
```
#543125
```
#543125 rgb(84,49,37)
```

Triadic Color

#254854
```
#254854 rgb(37,72,84)
```
#312554
```
#312554 rgb(49,37,84)
```
#543125
```
#543125 rgb(84,49,37)
```
#485425
```
#485425 rgb(72,84,37)
```

Tetradic Color

#120e1f
```
#120e1f rgb(18,14,31)
```
#1c1531
```
#1c1531 rgb(28,21,49)
```
#271d42
```
#271d42 rgb(39,29,66)
```
#312554
```
#312554 rgb(49,37,84)
```
#3b2d66
```
#3b2d66 rgb(59,45,102)
```
#463577
```
#463577 rgb(70,53,119)
```
#503c89
```
#503c89 rgb(80,60,137)
```

Monochromatic Color

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

#252554
```
#252554 rgb(37,37,84)
```
#292554
```
#292554 rgb(41,37,84)
```
#2d2554
```
#2d2554 rgb(45,37,84)
```
#312554
```
#312554 rgb(49,37,84)
```
#352554
```
#352554 rgb(53,37,84)
```
#392554
```
#392554 rgb(57,37,84)
```
#3d2554
```
#3d2554 rgb(61,37,84)
```

Similar Colors

Text with hexadecimal color #312554

This text has a font color of #312554.

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

#312554 background color

This paragraph has a background color of #312554.

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

#312554 border color

This element has a border color of #312554.

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

CSS codes

.text {color:#312554;}

.background {background-color:#312554;}

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

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 #f5f4fa is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#090710
```
#090710 rgb(9,7,16)
```
#110d1e
```
#110d1e rgb(17,13,30)
```
#19132b
```
#19132b rgb(25,19,43)
```
#211939
```
#211939 rgb(33,25,57)
```
#291f46
```
#291f46 rgb(41,31,70)
```
#312554
```
#312554 rgb(49,37,84)
```
#392b62
```
#392b62 rgb(57,43,98)
```
#41316f
```
#41316f rgb(65,49,111)
```
#49377d
```
#49377d rgb(73,55,125)
```
#513d8a
```
#513d8a rgb(81,61,138)
```
#594398
```
#594398 rgb(89,67,152)
```
#6149a6
```
#6149a6 rgb(97,73,166)
```

Shade Color Variation

#6950b2
```
#6950b2 rgb(105,80,178)
```
#755eb8
```
#755eb8 rgb(117,94,184)
```
#816cbe
```
#816cbe rgb(129,108,190)
```
#8c79c4
```
#8c79c4 rgb(140,121,196)
```
#9887ca
```
#9887ca rgb(152,135,202)
```
#a494d0
```
#a494d0 rgb(164,148,208)
```
#afa2d6
```
#afa2d6 rgb(175,162,214)
```
#bbb0dc
```
#bbb0dc rgb(187,176,220)
```
#c7bde2
```
#c7bde2 rgb(199,189,226)
```
#d2cbe8
```
#d2cbe8 rgb(210,203,232)
```
#ded8ee
```
#ded8ee rgb(222,216,238)
```
#eae6f4
```
#eae6f4 rgb(234,230,244)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3c3d is the less saturated color, while #210475 is the most saturated one.

#3c3c3d
```
#3c3c3d rgb(60,60,61)
```
#3a3841
```
#3a3841 rgb(58,56,65)
```
#383346
```
#383346 rgb(56,51,70)
```
#362e4b
```
#362e4b rgb(54,46,75)
```
#332a4f
```
#332a4f rgb(51,42,79)
```
#312554
```
#312554 rgb(49,37,84)
```
#2f2059
```
#2f2059 rgb(47,32,89)
```
#2c1c5d
```
#2c1c5d rgb(44,28,93)
```
#2a1762
```
#2a1762 rgb(42,23,98)
```
#281267
```
#281267 rgb(40,18,103)
```
#260e6b
```
#260e6b rgb(38,14,107)
```
#230970
```
#230970 rgb(35,9,112)
```
#210475
```
#210475 rgb(33,4,117)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2c36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e3662 Protanopia 1% of men
#1c3859 Deuteranopia 1% of men
#32383c Tritanopia 0.001% of the population

Trichromacy

#25305c Protanomaly 1% of men, 0.01% of women
#243157 Deuteranomaly 6% of men, 0.4% of women
#323145 Tritanomaly 0.01% of the population

#312554 hex color

#312554 Color Information

#312554 Color Conversion

Color Schemes with #312554

Alternatives to #312554

#312554 Preview

Shades and Tints of #312554

Tones of #312554

Color Blindness Simulator