#310e46 hex color

In a RGB color space, hex #310e46 is composed of 19.2% red, 5.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 80% magenta, 0% yellow and 72.5% black. It has a hue angle of 277.5 degrees, a saturation of 66.7% and a lightness of 16.5%. #310e46 color hex could be obtained by blending #621c8c with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 5
- B 27
RGB color chart
- C 30
- M 80
- Y 0
- K 73
CMYK color chart

● #310e46 color description : Very dark violet.

The hexadecimal color #310e46 has RGB values of R:49, G:14, B:70 and CMYK values of C:0.3, M:0.8, Y:0, K:0.73. Its decimal value is 3214918.

Hex triplet	310e46	`#310e46`
RGB Decimal	49, 14, 70	`rgb(49,14,70)`
RGB Percent	19.2, 5.5, 27.5	`rgb(19.2%,5.5%,27.5%)`
CMYK	30, 80, 0, 73
HSL	277.5°, 66.7, 16.5	`hsl(277.5,66.7%,16.5%)`
HSV (or HSB)	277.5°, 80, 27.5
Web Safe	330033	`#330033`

CIE-LAB	12.019, 28.497, -27.513
XYZ	2.529, 1.409, 5.933
xyY	0.256, 0.143, 1.409
CIE-LCH	12.019, 39.611, 316.006
CIE-LUV	12.019, 7.205, -25.385
Hunter-Lab	11.871, 17.251, -21.321
Binary	00110001, 00001110, 01000110

#310e46
```
#310e46 rgb(49,14,70)
```
#23460e
```
#23460e rgb(35,70,14)
```

Complementary Color

#150e46
```
#150e46 rgb(21,14,70)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#460e3f
```
#460e3f rgb(70,14,63)
```

Analogous Color

#0e4615
```
#0e4615 rgb(14,70,21)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#3f460e
```
#3f460e rgb(63,70,14)
```

Split Complementary Color

#0e4631
```
#0e4631 rgb(14,70,49)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#46310e
```
#46310e rgb(70,49,14)
```

Triadic Color

#0e2346
```
#0e2346 rgb(14,35,70)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#46310e
```
#46310e rgb(70,49,14)
```
#23460e
```
#23460e rgb(35,70,14)
```

Tetradic Color

#040106
```
#040106 rgb(4,1,6)
```
#13061c
```
#13061c rgb(19,6,28)
```
#220a31
```
#220a31 rgb(34,10,49)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#40125b
```
#40125b rgb(64,18,91)
```
#4f1771
```
#4f1771 rgb(79,23,113)
```
#5e1b86
```
#5e1b86 rgb(94,27,134)
```

Monochromatic Color

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

#230e46
```
#230e46 rgb(35,14,70)
```
#280e46
```
#280e46 rgb(40,14,70)
```
#2c0e46
```
#2c0e46 rgb(44,14,70)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#360e46
```
#360e46 rgb(54,14,70)
```
#3a0e46
```
#3a0e46 rgb(58,14,70)
```
#3f0e46
```
#3f0e46 rgb(63,14,70)
```

Similar Colors

Text with hexadecimal color #310e46

This text has a font color of #310e46.

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

#310e46 background color

This paragraph has a background color of #310e46.

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

#310e46 border color

This element has a border color of #310e46.

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

CSS codes

.text {color:#310e46;}

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

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

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, #030105 is the darkest color, while #f9f3fd is the lightest one.

#030105
```
#030105 rgb(3,1,5)
```
#0f0415
```
#0f0415 rgb(15,4,21)
```
#1a0725
```
#1a0725 rgb(26,7,37)
```
#260b36
```
#260b36 rgb(38,11,54)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#3c1156
```
#3c1156 rgb(60,17,86)
```
#481567
```
#481567 rgb(72,21,103)
```
#531877
```
#531877 rgb(83,24,119)
```
#5f1b87
```
#5f1b87 rgb(95,27,135)
```
#6a1e98
```
#6a1e98 rgb(106,30,152)
```
#7622a8
```
#7622a8 rgb(118,34,168)
```
#8125b8
```
#8125b8 rgb(129,37,184)
```
#8d28c9
```
#8d28c9 rgb(141,40,201)
```

Shade Color Variation

#972fd5
```
#972fd5 rgb(151,47,213)
```
#9f3fd9
```
#9f3fd9 rgb(159,63,217)
```
#a750dc
```
#a750dc rgb(167,80,220)
```
#b060df
```
#b060df rgb(176,96,223)
```
#b871e3
```
#b871e3 rgb(184,113,227)
```
#c081e6
```
#c081e6 rgb(192,129,230)
```
#c891e9
```
#c891e9 rgb(200,145,233)
```
#d0a2ec
```
#d0a2ec rgb(208,162,236)
```
#d8b2f0
```
#d8b2f0 rgb(216,178,240)
```
#e1c2f3
```
#e1c2f3 rgb(225,194,243)
```
#e9d3f6
```
#e9d3f6 rgb(233,211,246)
```
#f1e3f9
```
#f1e3f9 rgb(241,227,249)
```
#f9f3fd
```
#f9f3fd rgb(249,243,253)
```

Tint Color Variation

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

#2b282c
```
#2b282c rgb(43,40,44)
```
#2b252f
```
#2b252f rgb(43,37,47)
```
#2c2133
```
#2c2133 rgb(44,33,51)
```
#2d1e36
```
#2d1e36 rgb(45,30,54)
```
#2e1b39
```
#2e1b39 rgb(46,27,57)
```
#2f183c
```
#2f183c rgb(47,24,60)
```
#2f1440
```
#2f1440 rgb(47,20,64)
```
#301143
```
#301143 rgb(48,17,67)
```
#310e46
```
#310e46 rgb(49,14,70)
```
#320b49
```
#320b49 rgb(50,11,73)
```
#33084c
```
#33084c rgb(51,8,76)
```
#330450
```
#330450 rgb(51,4,80)
```
#340153
```
#340153 rgb(52,1,83)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#231c27 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002951 Protanopia 1% of men
#002b49 Deuteranopia 1% of men
#34272a Tritanopia 0.001% of the population

Trichromacy

#111f4d Protanomaly 1% of men, 0.01% of women
#112147 Deuteranomaly 6% of men, 0.4% of women
#331e34 Tritanomaly 0.01% of the population

#310e46 hex color

#310e46 Color Information

#310e46 Color Conversion

Color Schemes with #310e46

Alternatives to #310e46

#310e46 Preview

Shades and Tints of #310e46

Tones of #310e46

Color Blindness Simulator