#310e54 hex color

In a RGB color space, hex #310e54 is composed of 19.2% red, 5.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 83.3% magenta, 0% yellow and 67.1% black. It has a hue angle of 270 degrees, a saturation of 71.4% and a lightness of 19.2%. #310e54 color hex could be obtained by blending #621ca8 with #000000. Closest websafe color is: #330066.

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

● #310e54 color description : Very dark violet.

The hexadecimal color #310e54 has RGB values of R:49, G:14, B:84 and CMYK values of C:0.42, M:0.83, Y:0, K:0.67. Its decimal value is 3214932.

Hex triplet	310e54	`#310e54`
RGB Decimal	49, 14, 84	`rgb(49,14,84)`
RGB Percent	19.2, 5.5, 32.9	`rgb(19.2%,5.5%,32.9%)`
CMYK	42, 83, 0, 67
HSL	270°, 71.4, 19.2	`hsl(270,71.4%,19.2%)`
HSV (or HSB)	270°, 83.3, 32.9
Web Safe	330066	`#330066`

CIE-LAB	13.274, 32.249, -35.132
XYZ	3.024, 1.607, 8.538
xyY	0.23, 0.122, 1.607
CIE-LCH	13.274, 47.689, 312.55
CIE-LUV	13.274, 5.429, -33.494
Hunter-Lab	12.677, 20.388, -31.056
Binary	00110001, 00001110, 01010100

#310e54
```
#310e54 rgb(49,14,84)
```
#31540e
```
#31540e rgb(49,84,14)
```

Complementary Color

#0e0e54
```
#0e0e54 rgb(14,14,84)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#540e54
```
#540e54 rgb(84,14,84)
```

Analogous Color

#0e540e
```
#0e540e rgb(14,84,14)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#54540e
```
#54540e rgb(84,84,14)
```

Split Complementary Color

#0e5431
```
#0e5431 rgb(14,84,49)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#54310e
```
#54310e rgb(84,49,14)
```

Triadic Color

#0e3154
```
#0e3154 rgb(14,49,84)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#54310e
```
#54310e rgb(84,49,14)
```
#31540e
```
#31540e rgb(49,84,14)
```

Tetradic Color

#0b0312
```
#0b0312 rgb(11,3,18)
```
#180728
```
#180728 rgb(24,7,40)
```
#240a3e
```
#240a3e rgb(36,10,62)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#3e126a
```
#3e126a rgb(62,18,106)
```
#4a1580
```
#4a1580 rgb(74,21,128)
```
#571996
```
#571996 rgb(87,25,150)
```

Monochromatic Color

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

#1f0e54
```
#1f0e54 rgb(31,14,84)
```
#250e54
```
#250e54 rgb(37,14,84)
```
#2b0e54
```
#2b0e54 rgb(43,14,84)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#370e54
```
#370e54 rgb(55,14,84)
```
#3d0e54
```
#3d0e54 rgb(61,14,84)
```
#420e54
```
#420e54 rgb(66,14,84)
```

Similar Colors

Text with hexadecimal color #310e54

This text has a font color of #310e54.

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

#310e54 background color

This paragraph has a background color of #310e54.

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

#310e54 border color

This element has a border color of #310e54.

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

CSS codes

.text {color:#310e54;}

.background {background-color:#310e54;}

.border {border:1px solid #310e54;}

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, #0a0311 is the darkest color, while #ffffff is the lightest one.

#0a0311
```
#0a0311 rgb(10,3,17)
```
#140622
```
#140622 rgb(20,6,34)
```
#1d0832
```
#1d0832 rgb(29,8,50)
```
#270b43
```
#270b43 rgb(39,11,67)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#3b1165
```
#3b1165 rgb(59,17,101)
```
#451476
```
#451476 rgb(69,20,118)
```
#4e1686
```
#4e1686 rgb(78,22,134)
```
#581997
```
#581997 rgb(88,25,151)
```
#621ca8
```
#621ca8 rgb(98,28,168)
```
#6c1fb9
```
#6c1fb9 rgb(108,31,185)
```
#7622ca
```
#7622ca rgb(118,34,202)
```
#7f24db
```
#7f24db rgb(127,36,219)
```

Shade Color Variation

#8935dd
```
#8935dd rgb(137,53,221)
```
#9346e0
```
#9346e0 rgb(147,70,224)
```
#9d57e3
```
#9d57e3 rgb(157,87,227)
```
#a768e6
```
#a768e6 rgb(167,104,230)
```
#b178e9
```
#b178e9 rgb(177,120,233)
```
#ba89eb
```
#ba89eb rgb(186,137,235)
```
#c49aee
```
#c49aee rgb(196,154,238)
```
#ceabf1
```
#ceabf1 rgb(206,171,241)
```
#d8bcf4
```
#d8bcf4 rgb(216,188,244)
```
#e2ccf7
```
#e2ccf7 rgb(226,204,247)
```
#ebddf9
```
#ebddf9 rgb(235,221,249)
```
#f5eefc
```
#f5eefc rgb(245,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#313032
```
#313032 rgb(49,48,50)
```
#312c36
```
#312c36 rgb(49,44,54)
```
#31283a
```
#31283a rgb(49,40,58)
```
#31253d
```
#31253d rgb(49,37,61)
```
#312141
```
#312141 rgb(49,33,65)
```
#311d45
```
#311d45 rgb(49,29,69)
```
#311949
```
#311949 rgb(49,25,73)
```
#31164c
```
#31164c rgb(49,22,76)
```
#311250
```
#311250 rgb(49,18,80)
```
#310e54
```
#310e54 rgb(49,14,84)
```
#310a58
```
#310a58 rgb(49,10,88)
```
#31065c
```
#31065c rgb(49,6,92)
```
#31035f
```
#31035f rgb(49,3,95)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#231c2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002c56 Protanopia 1% of men
#002e4b Deuteranopia 1% of men
#302c2f Tritanopia 0.001% of the population

Trichromacy

#112155 Protanomaly 1% of men, 0.01% of women
#11224e Deuteranomaly 6% of men, 0.4% of women
#30213c Tritanomaly 0.01% of the population

#310e54 hex color

#310e54 Color Information

#310e54 Color Conversion

Color Schemes with #310e54

Alternatives to #310e54

#310e54 Preview

Shades and Tints of #310e54

Tones of #310e54

Color Blindness Simulator