colorhexa.com

#310c42 hex color

In a RGB color space, hex #310c42 is composed of 19.2% red, 4.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 81.8% magenta, 0% yellow and 74.1% black. It has a hue angle of 281.1 degrees, a saturation of 69.2% and a lightness of 15.3%. #310c42 color hex could be obtained by blending #621884 with #000000. Closest websafe color is: #330033.

- R 19
- G 5
- B 26
RGB color chart
- C 26
- M 82
- Y 0
- K 74
CMYK color chart

● #310c42 color description : Very dark violet.

The hexadecimal color #310c42 has RGB values of R:49, G:12, B:66 and CMYK values of C:0.26, M:0.82, Y:0, K:0.74. Its decimal value is 3214402.

Hex triplet	310c42	`#310c42`
RGB Decimal	49, 12, 66	`rgb(49,12,66)`
RGB Percent	19.2, 4.7, 25.9	`rgb(19.2%,4.7%,25.9%)`
CMYK	26, 82, 0, 74
HSL	281.1°, 69.2, 15.3	`hsl(281.1,69.2%,15.3%)`
HSV (or HSB)	281.1°, 81.8, 25.9
Web Safe	330033	`#330033`

CIE-LAB	11.341, 28.459, -25.799
XYZ	2.381, 1.309, 5.281
xyY	0.265, 0.146, 1.309
CIE-LCH	11.341, 38.412, 317.806
CIE-LUV	11.341, 7.92, -23.165
Hunter-Lab	11.443, 17.123, -19.355
Binary	00110001, 00001100, 01000010

#310c42
```
#310c42 rgb(49,12,66)
```
#1d420c
```
#1d420c rgb(29,66,12)
```

Complementary Color

#160c42
```
#160c42 rgb(22,12,66)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#420c38
```
#420c38 rgb(66,12,56)
```

Analogous Color

#0c4216
```
#0c4216 rgb(12,66,22)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#38420c
```
#38420c rgb(56,66,12)
```

Split Complementary Color

#010001
```
#010001 rgb(1,0,1)
```
#110417
```
#110417 rgb(17,4,23)
```
#21082c
```
#21082c rgb(33,8,44)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#411058
```
#411058 rgb(65,16,88)
```
#51146d
```
#51146d rgb(81,20,109)
```
#611883
```
#611883 rgb(97,24,131)
```

Monochromatic Color

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

#240c42
```
#240c42 rgb(36,12,66)
```
#280c42
```
#280c42 rgb(40,12,66)
```
#2d0c42
```
#2d0c42 rgb(45,12,66)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#360c42
```
#360c42 rgb(54,12,66)
```
#3a0c42
```
#3a0c42 rgb(58,12,66)
```
#3f0c42
```
#3f0c42 rgb(63,12,66)
```

Similar Colors

Text with hexadecimal color #310c42

This text has a font color of #310c42.

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

#310c42 background color

This paragraph has a background color of #310c42.

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

#310c42 border color

This element has a border color of #310c42.

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

CSS codes

.text {color:#310c42;}

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

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

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

#0c0310
```
#0c0310 rgb(12,3,16)
```
#180621
```
#180621 rgb(24,6,33)
```
#250931
```
#250931 rgb(37,9,49)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#3d0f53
```
#3d0f53 rgb(61,15,83)
```
#4a1263
```
#4a1263 rgb(74,18,99)
```
#561574
```
#561574 rgb(86,21,116)
```
#621884
```
#621884 rgb(98,24,132)
```
#6f1b95
```
#6f1b95 rgb(111,27,149)
```
#7b1ea6
```
#7b1ea6 rgb(123,30,166)
```
#8721b6
```
#8721b6 rgb(135,33,182)
```
#9424c7
```
#9424c7 rgb(148,36,199)
```
#a027d7
```
#a027d7 rgb(160,39,215)
```

Shade Color Variation

#a737db
```
#a737db rgb(167,55,219)
```
#af48de
```
#af48de rgb(175,72,222)
```
#b659e1
```
#b659e1 rgb(182,89,225)
```
#bd69e4
```
#bd69e4 rgb(189,105,228)
```
#c47ae7
```
#c47ae7 rgb(196,122,231)
```
#cc8aea
```
#cc8aea rgb(204,138,234)
```
#d39bed
```
#d39bed rgb(211,155,237)
```
#daacf0
```
#daacf0 rgb(218,172,240)
```
#e2bcf3
```
#e2bcf3 rgb(226,188,243)
```
#e9cdf6
```
#e9cdf6 rgb(233,205,246)
```
#f0ddf9
```
#f0ddf9 rgb(240,221,249)
```
#f8eefc
```
#f8eefc rgb(248,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#28242a
```
#28242a rgb(40,36,42)
```
#29212d
```
#29212d rgb(41,33,45)
```
#2a1e30
```
#2a1e30 rgb(42,30,48)
```
#2b1b33
```
#2b1b33 rgb(43,27,51)
```
#2d1836
```
#2d1836 rgb(45,24,54)
```
#2e1539
```
#2e1539 rgb(46,21,57)
```
#2f123c
```
#2f123c rgb(47,18,60)
```
#300f3f
```
#300f3f rgb(48,15,63)
```
#310c42
```
#310c42 rgb(49,12,66)
```
#320945
```
#320945 rgb(50,9,69)
```
#330648
```
#330648 rgb(51,6,72)
```
#34034b
```
#34034b rgb(52,3,75)
```
#35004e
```
#35004e rgb(53,0,78)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211a24 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00284f Protanopia 1% of men
#0b2a46 Deuteranopia 1% of men
#352528 Tritanopia 0.001% of the population

Trichromacy

#111e4a Protanomaly 1% of men, 0.01% of women
#181f44 Deuteranomaly 6% of men, 0.4% of women
#331c31 Tritanomaly 0.01% of the population