#310c66 hex color

In a RGB color space, hex #310c66 is composed of 19.2% red, 4.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 88.2% magenta, 0% yellow and 60% black. It has a hue angle of 264.7 degrees, a saturation of 78.9% and a lightness of 22.4%. #310c66 color hex could be obtained by blending #6218cc with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 5
- B 40
RGB color chart
- C 52
- M 88
- Y 0
- K 60
CMYK color chart

● #310c66 color description : Very dark violet.

The hexadecimal color #310c66 has RGB values of R:49, G:12, B:102 and CMYK values of C:0.52, M:0.88, Y:0, K:0.6. Its decimal value is 3214438.

Hex triplet	310c66	`#310c66`
RGB Decimal	49, 12, 102	`rgb(49,12,102)`
RGB Percent	19.2, 4.7, 40	`rgb(19.2%,4.7%,40%)`
CMYK	52, 88, 0, 60
HSL	264.7°, 78.9, 22.4	`hsl(264.7,78.9%,22.4%)`
HSV (or HSB)	264.7°, 88.2, 40
Web Safe	330066	`#330066`

CIE-LAB	14.818, 38.072, -44.665
XYZ	3.796, 1.875, 12.732
xyY	0.206, 0.102, 1.875
CIE-LCH	14.818, 58.689, 310.444
CIE-LUV	14.818, 3.603, -43.853
Hunter-Lab	13.694, 25.517, -45.539
Binary	00110001, 00001100, 01100110

#310c66
```
#310c66 rgb(49,12,102)
```
#41660c
```
#41660c rgb(65,102,12)
```

Complementary Color

#0c1466
```
#0c1466 rgb(12,20,102)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#5e0c66
```
#5e0c66 rgb(94,12,102)
```

Analogous Color

#14660c
```
#14660c rgb(20,102,12)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#665e0c
```
#665e0c rgb(102,94,12)
```

Split Complementary Color

#0c6631
```
#0c6631 rgb(12,102,49)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#66310c
```
#66310c rgb(102,49,12)
```

Triadic Color

#0c4166
```
#0c4166 rgb(12,65,102)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#66310c
```
#66310c rgb(102,49,12)
```
#41660c
```
#41660c rgb(65,102,12)
```

Tetradic Color

#100422
```
#100422 rgb(16,4,34)
```
#1b0738
```
#1b0738 rgb(27,7,56)
```
#26094f
```
#26094f rgb(38,9,79)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#3c0f7d
```
#3c0f7d rgb(60,15,125)
```
#471194
```
#471194 rgb(71,17,148)
```
#5214aa
```
#5214aa rgb(82,20,170)
```

Monochromatic Color

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

#1b0c66
```
#1b0c66 rgb(27,12,102)
```
#220c66
```
#220c66 rgb(34,12,102)
```
#2a0c66
```
#2a0c66 rgb(42,12,102)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#390c66
```
#390c66 rgb(57,12,102)
```
#400c66
```
#400c66 rgb(64,12,102)
```
#480c66
```
#480c66 rgb(72,12,102)
```

Similar Colors

Text with hexadecimal color #310c66

This text has a font color of #310c66.

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

#310c66 background color

This paragraph has a background color of #310c66.

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

#310c66 border color

This element has a border color of #310c66.

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

CSS codes

.text {color:#310c66;}

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

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

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, #07020e is the darkest color, while #fdfcff is the lightest one.

#07020e
```
#07020e rgb(7,2,14)
```
#0f0420
```
#0f0420 rgb(15,4,32)
```
#180631
```
#180631 rgb(24,6,49)
```
#200843
```
#200843 rgb(32,8,67)
```
#290a54
```
#290a54 rgb(41,10,84)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#390e78
```
#390e78 rgb(57,14,120)
```
#421089
```
#421089 rgb(66,16,137)
```
#4a129b
```
#4a129b rgb(74,18,155)
```
#5314ac
```
#5314ac rgb(83,20,172)
```
#5b16be
```
#5b16be rgb(91,22,190)
```
#6418cf
```
#6418cf rgb(100,24,207)
```
#6c1ae1
```
#6c1ae1 rgb(108,26,225)
```

Shade Color Variation

#7729e6
```
#7729e6 rgb(119,41,230)
```
#823be8
```
#823be8 rgb(130,59,232)
```
#8d4cea
```
#8d4cea rgb(141,76,234)
```
#985eec
```
#985eec rgb(152,94,236)
```
#a36fee
```
#a36fee rgb(163,111,238)
```
#af81f0
```
#af81f0 rgb(175,129,240)
```
#ba92f2
```
#ba92f2 rgb(186,146,242)
```
#c5a4f4
```
#c5a4f4 rgb(197,164,244)
```
#d0b5f6
```
#d0b5f6 rgb(208,181,246)
```
#dbc7f8
```
#dbc7f8 rgb(219,199,248)
```
#e7d9fa
```
#e7d9fa rgb(231,217,250)
```
#f2eafd
```
#f2eafd rgb(242,234,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#39383a
```
#39383a rgb(57,56,58)
```
#38333f
```
#38333f rgb(56,51,63)
```
#372f43
```
#372f43 rgb(55,47,67)
```
#362b47
```
#362b47 rgb(54,43,71)
```
#36264c
```
#36264c rgb(54,38,76)
```
#352250
```
#352250 rgb(53,34,80)
```
#341e54
```
#341e54 rgb(52,30,84)
```
#331959
```
#331959 rgb(51,25,89)
```
#33155d
```
#33155d rgb(51,21,93)
```
#321062
```
#321062 rgb(50,16,98)
```
#310c66
```
#310c66 rgb(49,12,102)
```
#30086a
```
#30086a rgb(48,8,106)
```
#2f036f
```
#2f036f rgb(47,3,111)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#241d2f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#11225f Protanomaly 1% of men, 0.01% of women
#112458 Deuteranomaly 6% of men, 0.4% of women
#2b2447 Tritanomaly 0.01% of the population

#310c66 hex color

#310c66 Color Information

#310c66 Color Conversion

Color Schemes with #310c66

Alternatives to #310c66

#310c66 Preview

Shades and Tints of #310c66

Tones of #310c66

Color Blindness Simulator