#310f6a hex color

In a RGB color space, hex #310f6a is composed of 19.2% red, 5.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 85.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 262.4 degrees, a saturation of 75.2% and a lightness of 23.7%. #310f6a color hex could be obtained by blending #621ed4 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 6
- B 42
RGB color chart
- C 54
- M 86
- Y 0
- K 58
CMYK color chart

● #310f6a color description : Very dark violet.

The hexadecimal color #310f6a has RGB values of R:49, G:15, B:106 and CMYK values of C:0.54, M:0.86, Y:0, K:0.58. Its decimal value is 3215210.

Hex triplet	310f6a	`#310f6a`
RGB Decimal	49, 15, 106	`rgb(49,15,106)`
RGB Percent	19.2, 5.9, 41.6	`rgb(19.2%,5.9%,41.6%)`
CMYK	54, 86, 0, 58
HSL	262.4°, 75.2, 23.7	`hsl(262.4,75.2%,23.7%)`
HSV (or HSB)	262.4°, 85.8, 41.6
Web Safe	330066	`#330066`

CIE-LAB	15.671, 37.962, -45.894
XYZ	4.039, 2.035, 13.815
xyY	0.203, 0.102, 2.035
CIE-LCH	15.671, 59.56, 309.597
CIE-LUV	15.671, 2.991, -46.318
Hunter-Lab	14.266, 25.566, -47.429
Binary	00110001, 00001111, 01101010

#310f6a
```
#310f6a rgb(49,15,106)
```
#486a0f
```
#486a0f rgb(72,106,15)
```

Complementary Color

#0f1b6a
```
#0f1b6a rgb(15,27,106)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#5f0f6a
```
#5f0f6a rgb(95,15,106)
```

Analogous Color

#1b6a0f
```
#1b6a0f rgb(27,106,15)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#6a5f0f
```
#6a5f0f rgb(106,95,15)
```

Split Complementary Color

#0f6a31
```
#0f6a31 rgb(15,106,49)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#6a310f
```
#6a310f rgb(106,49,15)
```

Triadic Color

#0f486a
```
#0f486a rgb(15,72,106)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#6a310f
```
#6a310f rgb(106,49,15)
```
#486a0f
```
#486a0f rgb(72,106,15)
```

Tetradic Color

#120627
```
#120627 rgb(18,6,39)
```
#1c093d
```
#1c093d rgb(28,9,61)
```
#270c54
```
#270c54 rgb(39,12,84)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#3b1280
```
#3b1280 rgb(59,18,128)
```
#461597
```
#461597 rgb(70,21,151)
```
#5018ad
```
#5018ad rgb(80,24,173)
```

Monochromatic Color

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

#1a0f6a
```
#1a0f6a rgb(26,15,106)
```
#220f6a
```
#220f6a rgb(34,15,106)
```
#290f6a
```
#290f6a rgb(41,15,106)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#390f6a
```
#390f6a rgb(57,15,106)
```
#400f6a
```
#400f6a rgb(64,15,106)
```
#480f6a
```
#480f6a rgb(72,15,106)
```

Similar Colors

Text with hexadecimal color #310f6a

This text has a font color of #310f6a.

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

#310f6a background color

This paragraph has a background color of #310f6a.

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

#310f6a border color

This element has a border color of #310f6a.

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

CSS codes

.text {color:#310f6a;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090314
```
#090314 rgb(9,3,20)
```
#110525
```
#110525 rgb(17,5,37)
```
#190836
```
#190836 rgb(25,8,54)
```
#210a48
```
#210a48 rgb(33,10,72)
```
#290d59
```
#290d59 rgb(41,13,89)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#39117b
```
#39117b rgb(57,17,123)
```
#41148c
```
#41148c rgb(65,20,140)
```
#49169e
```
#49169e rgb(73,22,158)
```
#5119af
```
#5119af rgb(81,25,175)
```
#591bc0
```
#591bc0 rgb(89,27,192)
```
#611ed1
```
#611ed1 rgb(97,30,209)
```

Shade Color Variation

#6923e0
```
#6923e0 rgb(105,35,224)
```
#7534e2
```
#7534e2 rgb(117,52,226)
```
#8145e5
```
#8145e5 rgb(129,69,229)
```
#8c56e7
```
#8c56e7 rgb(140,86,231)
```
#9867ea
```
#9867ea rgb(152,103,234)
```
#a478ec
```
#a478ec rgb(164,120,236)
```
#af8aee
```
#af8aee rgb(175,138,238)
```
#bb9bf1
```
#bb9bf1 rgb(187,155,241)
```
#c7acf3
```
#c7acf3 rgb(199,172,243)
```
#d2bdf6
```
#d2bdf6 rgb(210,189,246)
```
#decef8
```
#decef8 rgb(222,206,248)
```
#eae0fb
```
#eae0fb rgb(234,224,251)
```
#f5f1fd
```
#f5f1fd rgb(245,241,253)
```

Tint Color Variation

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

#3c3940
```
#3c3940 rgb(60,57,64)
```
#3a3445
```
#3a3445 rgb(58,52,69)
```
#393049
```
#393049 rgb(57,48,73)
```
#382b4e
```
#382b4e rgb(56,43,78)
```
#372653
```
#372653 rgb(55,38,83)
```
#362257
```
#362257 rgb(54,34,87)
```
#351d5c
```
#351d5c rgb(53,29,92)
```
#331861
```
#331861 rgb(51,24,97)
```
#321465
```
#321465 rgb(50,20,101)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#300a6f
```
#300a6f rgb(48,10,111)
```
#2f0673
```
#2f0673 rgb(47,6,115)
```
#2d0178
```
#2d0178 rgb(45,1,120)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#272032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00305f Protanopia 1% of men
#003352 Deuteranopia 1% of men
#253438 Tritanopia 0.001% of the population

Trichromacy

#112463 Protanomaly 1% of men, 0.01% of women
#11265b Deuteranomaly 6% of men, 0.4% of women
#29264a Tritanomaly 0.01% of the population

#310f6a hex color

#310f6a Color Information

#310f6a Color Conversion

Color Schemes with #310f6a

Alternatives to #310f6a

#310f6a Preview

Shades and Tints of #310f6a

Tones of #310f6a

Color Blindness Simulator