colorhexa.com

#310e63 hex color

In a RGB color space, hex #310e63 is composed of 19.2% red, 5.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 85.9% magenta, 0% yellow and 61.2% black. It has a hue angle of 264.7 degrees, a saturation of 75.2% and a lightness of 22.2%. #310e63 color hex could be obtained by blending #621cc6 with #000000. Closest websafe color is: #330066.

- R 19
- G 5
- B 39
RGB color chart
- C 51
- M 86
- Y 0
- K 61
CMYK color chart

● #310e63 color description : Very dark violet.

The hexadecimal color #310e63 has RGB values of R:49, G:14, B:99 and CMYK values of C:0.51, M:0.86, Y:0, K:0.61. Its decimal value is 3214947.

Hex triplet	310e63	`#310e63`
RGB Decimal	49, 14, 99	`rgb(49,14,99)`
RGB Percent	19.2, 5.5, 38.8	`rgb(19.2%,5.5%,38.8%)`
CMYK	51, 86, 0, 61
HSL	264.7°, 75.2, 22.2	`hsl(264.7,75.2%,22.2%)`
HSV (or HSB)	264.7°, 85.9, 38.8
Web Safe	330066	`#330066`

CIE-LAB	14.778, 36.416, -42.745
XYZ	3.675, 1.868, 11.971
xyY	0.21, 0.107, 1.868
CIE-LCH	14.778, 56.154, 310.429
CIE-LUV	14.778, 3.77, -42.203
Hunter-Lab	13.667, 24.086, -42.364
Binary	00110001, 00001110, 01100011

#310e63
```
#310e63 rgb(49,14,99)
```
#40630e
```
#40630e rgb(64,99,14)
```

Complementary Color

#0e1663
```
#0e1663 rgb(14,22,99)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#5c0e63
```
#5c0e63 rgb(92,14,99)
```

Analogous Color

#16630e
```
#16630e rgb(22,99,14)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#635c0e
```
#635c0e rgb(99,92,14)
```

Split Complementary Color

#100520
```
#100520 rgb(16,5,32)
```
#1b0836
```
#1b0836 rgb(27,8,54)
```
#260b4d
```
#260b4d rgb(38,11,77)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#3c1179
```
#3c1179 rgb(60,17,121)
```
#471490
```
#471490 rgb(71,20,144)
```
#5217a6
```
#5217a6 rgb(82,23,166)
```

Monochromatic Color

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

#1c0e63
```
#1c0e63 rgb(28,14,99)
```
#230e63
```
#230e63 rgb(35,14,99)
```
#2a0e63
```
#2a0e63 rgb(42,14,99)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#380e63
```
#380e63 rgb(56,14,99)
```
#3f0e63
```
#3f0e63 rgb(63,14,99)
```
#460e63
```
#460e63 rgb(70,14,99)
```

Similar Colors

Text with hexadecimal color #310e63

This text has a font color of #310e63.

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

#310e63 background color

This paragraph has a background color of #310e63.

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

#310e63 border color

This element has a border color of #310e63.

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

CSS codes

.text {color:#310e63;}

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

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

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

#06020d
```
#06020d rgb(6,2,13)
```
#0f041e
```
#0f041e rgb(15,4,30)
```
#17072f
```
#17072f rgb(23,7,47)
```
#200941
```
#200941 rgb(32,9,65)
```
#280c52
```
#280c52 rgb(40,12,82)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#3a1074
```
#3a1074 rgb(58,16,116)
```
#421385
```
#421385 rgb(66,19,133)
```
#4b1597
```
#4b1597 rgb(75,21,151)
```
#5318a8
```
#5318a8 rgb(83,24,168)
```
#5c1ab9
```
#5c1ab9 rgb(92,26,185)
```
#641dca
```
#641dca rgb(100,29,202)
```
#6d1fdb
```
#6d1fdb rgb(109,31,219)
```

Shade Color Variation

#772de1
```
#772de1 rgb(119,45,225)
```
#823ee4
```
#823ee4 rgb(130,62,228)
```
#8d4fe6
```
#8d4fe6 rgb(141,79,230)
```
#9860e9
```
#9860e9 rgb(152,96,233)
```
#a371eb
```
#a371eb rgb(163,113,235)
```
#af83ed
```
#af83ed rgb(175,131,237)
```
#ba94f0
```
#ba94f0 rgb(186,148,240)
```
#c5a5f2
```
#c5a5f2 rgb(197,165,242)
```
#d0b6f5
```
#d0b6f5 rgb(208,182,245)
```
#dbc7f7
```
#dbc7f7 rgb(219,199,247)
```
#e6d9fa
```
#e6d9fa rgb(230,217,250)
```
#f1eafc
```
#f1eafc rgb(241,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#38353c
```
#38353c rgb(56,53,60)
```
#373140
```
#373140 rgb(55,49,64)
```
#362c45
```
#362c45 rgb(54,44,69)
```
#362849
```
#362849 rgb(54,40,73)
```
#35244d
```
#35244d rgb(53,36,77)
```
#341f52
```
#341f52 rgb(52,31,82)
```
#331b56
```
#331b56 rgb(51,27,86)
```
#33175a
```
#33175a rgb(51,23,90)
```
#32125f
```
#32125f rgb(50,18,95)
```
#310e63
```
#310e63 rgb(49,14,99)
```
#300a67
```
#300a67 rgb(48,10,103)
```
#2f056c
```
#2f056c rgb(47,5,108)
```
#2f0170
```
#2f0170 rgb(47,1,112)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#251e2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#002f5b Protanopia 1% of men
#003150 Deuteranopia 1% of men
#293135 Tritanopia 0.001% of the population

Trichromacy

#11235e Protanomaly 1% of men, 0.01% of women
#112456 Deuteranomaly 6% of men, 0.4% of women
#2c2446 Tritanomaly 0.01% of the population