colorhexa.com

#312054 hex color

In a RGB color space, hex #312054 is composed of 19.2% red, 12.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 61.9% magenta, 0% yellow and 67.1% black. It has a hue angle of 259.6 degrees, a saturation of 44.8% and a lightness of 22.7%. #312054 color hex could be obtained by blending #6240a8 with #000000. Closest websafe color is: #333366.

- R 19
- G 13
- B 33
RGB color chart
- C 42
- M 62
- Y 0
- K 67
CMYK color chart

● #312054 color description : Very dark violet.

The hexadecimal color #312054 has RGB values of R:49, G:32, B:84 and CMYK values of C:0.42, M:0.62, Y:0, K:0.67. Its decimal value is 3219540.

Hex triplet	312054	`#312054`
RGB Decimal	49, 32, 84	`rgb(49,32,84)`
RGB Percent	19.2, 12.5, 32.9	`rgb(19.2%,12.5%,32.9%)`
CMYK	42, 62, 0, 67
HSL	259.6°, 44.8, 22.7	`hsl(259.6,44.8%,22.7%)`
HSV (or HSB)	259.6°, 61.9, 32.9
Web Safe	333366	`#333366`

CIE-LAB	17.113, 21.745, -28.911
XYZ	3.383, 2.326, 8.658
xyY	0.235, 0.162, 2.326
CIE-LCH	17.113, 36.176, 306.947
CIE-LUV	17.113, 2.845, -31.7
Hunter-Lab	15.251, 12.905, -22.981
Binary	00110001, 00100000, 01010100

#312054
```
#312054 rgb(49,32,84)
```
#435420
```
#435420 rgb(67,84,32)
```

Complementary Color

#202954
```
#202954 rgb(32,41,84)
```
#312054
```
#312054 rgb(49,32,84)
```
#4b2054
```
#4b2054 rgb(75,32,84)
```

Analogous Color

#295420
```
#295420 rgb(41,84,32)
```
#312054
```
#312054 rgb(49,32,84)
```
#544b20
```
#544b20 rgb(84,75,32)
```

Split Complementary Color

#110b1d
```
#110b1d rgb(17,11,29)
```
#1b122f
```
#1b122f rgb(27,18,47)
```
#261942
```
#261942 rgb(38,25,66)
```
#312054
```
#312054 rgb(49,32,84)
```
#3c2766
```
#3c2766 rgb(60,39,102)
```
#472e79
```
#472e79 rgb(71,46,121)
```
#51358b
```
#51358b rgb(81,53,139)
```

Monochromatic Color

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

#242054
```
#242054 rgb(36,32,84)
```
#282054
```
#282054 rgb(40,32,84)
```
#2d2054
```
#2d2054 rgb(45,32,84)
```
#312054
```
#312054 rgb(49,32,84)
```
#352054
```
#352054 rgb(53,32,84)
```
#3a2054
```
#3a2054 rgb(58,32,84)
```
#3e2054
```
#3e2054 rgb(62,32,84)
```

Similar Colors

Text with hexadecimal color #312054

This text has a font color of #312054.

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

#312054 background color

This paragraph has a background color of #312054.

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

#312054 border color

This element has a border color of #312054.

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

CSS codes

.text {color:#312054;}

.background {background-color:#312054;}

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

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

#08050d
```
#08050d rgb(8,5,13)
```
#100a1b
```
#100a1b rgb(16,10,27)
```
#181029
```
#181029 rgb(24,16,41)
```
#201538
```
#201538 rgb(32,21,56)
```
#291b46
```
#291b46 rgb(41,27,70)
```
#312054
```
#312054 rgb(49,32,84)
```
#392562
```
#392562 rgb(57,37,98)
```
#422b70
```
#422b70 rgb(66,43,112)
```
#4a307f
```
#4a307f rgb(74,48,127)
```
#52368d
```
#52368d rgb(82,54,141)
```
#5a3b9b
```
#5a3b9b rgb(90,59,155)
```
#6340a9
```
#6340a9 rgb(99,64,169)
```
#6b46b7
```
#6b46b7 rgb(107,70,183)
```

Shade Color Variation

#7653be
```
#7653be rgb(118,83,190)
```
#8162c3
```
#8162c3 rgb(129,98,195)
```
#8d70c8
```
#8d70c8 rgb(141,112,200)
```
#987ece
```
#987ece rgb(152,126,206)
```
#a38cd3
```
#a38cd3 rgb(163,140,211)
```
#af9ad9
```
#af9ad9 rgb(175,154,217)
```
#baa9de
```
#baa9de rgb(186,169,222)
```
#c5b7e3
```
#c5b7e3 rgb(197,183,227)
```
#d1c5e9
```
#d1c5e9 rgb(209,197,233)
```
#dcd3ee
```
#dcd3ee rgb(220,211,238)
```
#e7e1f4
```
#e7e1f4 rgb(231,225,244)
```
#f3f0f9
```
#f3f0f9 rgb(243,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#39363e
```
#39363e rgb(57,54,62)
```
#373242
```
#373242 rgb(55,50,66)
```
#362d47
```
#362d47 rgb(54,45,71)
```
#34294b
```
#34294b rgb(52,41,75)
```
#332450
```
#332450 rgb(51,36,80)
```
#312054
```
#312054 rgb(49,32,84)
```
#2f1c58
```
#2f1c58 rgb(47,28,88)
```
#2e175d
```
#2e175d rgb(46,23,93)
```
#2c1361
```
#2c1361 rgb(44,19,97)
```
#2b0e66
```
#2b0e66 rgb(43,14,102)
```
#290a6a
```
#290a6a rgb(41,10,106)
```
#28056f
```
#28056f rgb(40,5,111)
```
#260173
```
#260173 rgb(38,1,115)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2933 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d3364 Protanopia 1% of men
#103558 Deuteranopia 1% of men
#323539 Tritanopia 0.001% of the population

Trichromacy

#1a2c5e Protanomaly 1% of men, 0.01% of women
#1c2d57 Deuteranomaly 6% of men, 0.4% of women
#312d43 Tritanomaly 0.01% of the population