#310c56 hex color

In a RGB color space, hex #310c56 is composed of 19.2% red, 4.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 86% magenta, 0% yellow and 66.3% black. It has a hue angle of 270 degrees, a saturation of 75.5% and a lightness of 19.2%. #310c56 color hex could be obtained by blending #6218ac with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 5
- B 34
RGB color chart
- C 43
- M 86
- Y 0
- K 66
CMYK color chart

● #310c56 color description : Very dark violet.

The hexadecimal color #310c56 has RGB values of R:49, G:12, B:86 and CMYK values of C:0.43, M:0.86, Y:0, K:0.66. Its decimal value is 3214422.

Hex triplet	310c56	`#310c56`
RGB Decimal	49, 12, 86	`rgb(49,12,86)`
RGB Percent	19.2, 4.7, 33.7	`rgb(19.2%,4.7%,33.7%)`
CMYK	43, 86, 0, 66
HSL	270°, 75.5, 19.2	`hsl(270,75.5%,19.2%)`
HSV (or HSB)	270°, 86, 33.7
Web Safe	330066	`#330066`

CIE-LAB	13.156, 33.693, -36.684
XYZ	3.078, 1.588, 8.948
xyY	0.226, 0.117, 1.588
CIE-LCH	13.156, 49.809, 312.566
CIE-LUV	13.156, 5.342, -34.618
Hunter-Lab	12.601, 21.544, -33.281
Binary	00110001, 00001100, 01010110

#310c56
```
#310c56 rgb(49,12,86)
```
#31560c
```
#31560c rgb(49,86,12)
```

Complementary Color

#0c0c56
```
#0c0c56 rgb(12,12,86)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#560c56
```
#560c56 rgb(86,12,86)
```

Analogous Color

#0c560c
```
#0c560c rgb(12,86,12)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#56560c
```
#56560c rgb(86,86,12)
```

Split Complementary Color

#0c5631
```
#0c5631 rgb(12,86,49)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#56310c
```
#56310c rgb(86,49,12)
```

Triadic Color

#0c3156
```
#0c3156 rgb(12,49,86)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#56310c
```
#56310c rgb(86,49,12)
```
#31560c
```
#31560c rgb(49,86,12)
```

Tetradic Color

#0b0313
```
#0b0313 rgb(11,3,19)
```
#180629
```
#180629 rgb(24,6,41)
```
#240940
```
#240940 rgb(36,9,64)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#3e0f6c
```
#3e0f6c rgb(62,15,108)
```
#4a1283
```
#4a1283 rgb(74,18,131)
```
#571599
```
#571599 rgb(87,21,153)
```

Monochromatic Color

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

#1e0c56
```
#1e0c56 rgb(30,12,86)
```
#250c56
```
#250c56 rgb(37,12,86)
```
#2b0c56
```
#2b0c56 rgb(43,12,86)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#370c56
```
#370c56 rgb(55,12,86)
```
#3d0c56
```
#3d0c56 rgb(61,12,86)
```
#440c56
```
#440c56 rgb(68,12,86)
```

Similar Colors

Text with hexadecimal color #310c56

This text has a font color of #310c56.

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

#310c56 background color

This paragraph has a background color of #310c56.

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

#310c56 border color

This element has a border color of #310c56.

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

CSS codes

.text {color:#310c56;}

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

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

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

#0a0211
```
#0a0211 rgb(10,2,17)
```
#140522
```
#140522 rgb(20,5,34)
```
#1d0734
```
#1d0734 rgb(29,7,52)
```
#270a45
```
#270a45 rgb(39,10,69)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#3b0e67
```
#3b0e67 rgb(59,14,103)
```
#451178
```
#451178 rgb(69,17,120)
```
#4e138a
```
#4e138a rgb(78,19,138)
```
#58169b
```
#58169b rgb(88,22,155)
```
#6218ac
```
#6218ac rgb(98,24,172)
```
#6c1abd
```
#6c1abd rgb(108,26,189)
```
#761dce
```
#761dce rgb(118,29,206)
```
#7f1fe0
```
#7f1fe0 rgb(127,31,224)
```

Shade Color Variation

#8930e2
```
#8930e2 rgb(137,48,226)
```
#9342e5
```
#9342e5 rgb(147,66,229)
```
#9d53e7
```
#9d53e7 rgb(157,83,231)
```
#a764e9
```
#a764e9 rgb(167,100,233)
```
#b175ec
```
#b175ec rgb(177,117,236)
```
#ba86ee
```
#ba86ee rgb(186,134,238)
```
#c498f1
```
#c498f1 rgb(196,152,241)
```
#cea9f3
```
#cea9f3 rgb(206,169,243)
```
#d8baf5
```
#d8baf5 rgb(216,186,245)
```
#e2cbf8
```
#e2cbf8 rgb(226,203,248)
```
#ebddfa
```
#ebddfa rgb(235,221,250)
```
#f5eefd
```
#f5eefd rgb(245,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#312e34
```
#312e34 rgb(49,46,52)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#31263c
```
#31263c rgb(49,38,60)
```
#31233f
```
#31233f rgb(49,35,63)
```
#311f43
```
#311f43 rgb(49,31,67)
```
#311b47
```
#311b47 rgb(49,27,71)
```
#31174b
```
#31174b rgb(49,23,75)
```
#31144e
```
#31144e rgb(49,20,78)
```
#311052
```
#311052 rgb(49,16,82)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#31085a
```
#31085a rgb(49,8,90)
```
#31045e
```
#31045e rgb(49,4,94)
```
#310161
```
#310161 rgb(49,1,97)
```

Tone Color Variation

Below, you can see how #310c56 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
#231b2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002c55 Protanopia 1% of men
#002e4b Deuteranopia 1% of men
#2f2c2f Tritanopia 0.001% of the population

Trichromacy

#112055 Protanomaly 1% of men, 0.01% of women
#11214f Deuteranomaly 6% of men, 0.4% of women
#2f203d Tritanomaly 0.01% of the population

#310c56 hex color

#310c56 Color Information

#310c56 Color Conversion

Color Schemes with #310c56

Alternatives to #310c56

#310c56 Preview

Shades and Tints of #310c56

Tones of #310c56

Color Blindness Simulator