colorhexa.com

#310c7d hex color

In a RGB color space, hex #310c7d is composed of 19.2% red, 4.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 90.4% magenta, 0% yellow and 51% black. It has a hue angle of 259.6 degrees, a saturation of 82.5% and a lightness of 26.9%. #310c7d color hex could be obtained by blending #6218fa with #000000. Closest websafe color is: #330066.

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

● #310c7d color description : Dark violet.

The hexadecimal color #310c7d has RGB values of R:49, G:12, B:125 and CMYK values of C:0.61, M:0.9, Y:0, K:0.51. Its decimal value is 3214461.

Hex triplet	310c7d	`#310c7d`
RGB Decimal	49, 12, 125	`rgb(49,12,125)`
RGB Percent	19.2, 4.7, 49	`rgb(19.2%,4.7%,49%)`
CMYK	61, 90, 0, 51
HSL	259.6°, 82.5, 26.9	`hsl(259.6,82.5%,26.9%)`
HSV (or HSB)	259.6°, 90.4, 49
Web Safe	330066	`#330066`

CIE-LAB	17.444, 44.423, -55.255
XYZ	5.099, 2.396, 19.595
xyY	0.188, 0.088, 2.396
CIE-LCH	17.444, 70.898, 308.798
CIE-LUV	17.444, 1.467, -57.211
Hunter-Lab	15.48, 31.705, -64.212
Binary	00110001, 00001100, 01111101

#310c7d
```
#310c7d rgb(49,12,125)
```
#587d0c
```
#587d0c rgb(88,125,12)
```

Complementary Color

#0c207d
```
#0c207d rgb(12,32,125)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#6a0c7d
```
#6a0c7d rgb(106,12,125)
```

Analogous Color

#207d0c
```
#207d0c rgb(32,125,12)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#7d6a0c
```
#7d6a0c rgb(125,106,12)
```

Split Complementary Color

#0c7d31
```
#0c7d31 rgb(12,125,49)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#7d310c
```
#7d310c rgb(125,49,12)
```

Triadic Color

#160537
```
#160537 rgb(22,5,55)
```
#1f084e
```
#1f084e rgb(31,8,78)
```
#280a66
```
#280a66 rgb(40,10,102)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#3a0e94
```
#3a0e94 rgb(58,14,148)
```
#4310ac
```
#4310ac rgb(67,16,172)
```
#4c13c3
```
#4c13c3 rgb(76,19,195)
```

Monochromatic Color

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

#150c7d
```
#150c7d rgb(21,12,125)
```
#1e0c7d
```
#1e0c7d rgb(30,12,125)
```
#280c7d
```
#280c7d rgb(40,12,125)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#3a0c7d
```
#3a0c7d rgb(58,12,125)
```
#440c7d
```
#440c7d rgb(68,12,125)
```
#4d0c7d
```
#4d0c7d rgb(77,12,125)
```

Similar Colors

Text with hexadecimal color #310c7d

This text has a font color of #310c7d.

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

#310c7d background color

This paragraph has a background color of #310c7d.

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

#310c7d border color

This element has a border color of #310c7d.

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

CSS codes

.text {color:#310c7d;}

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

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

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

#070212
```
#070212 rgb(7,2,18)
```
#0e0324
```
#0e0324 rgb(14,3,36)
```
#150535
```
#150535 rgb(21,5,53)
```
#1c0747
```
#1c0747 rgb(28,7,71)
```
#230959
```
#230959 rgb(35,9,89)
```
#2a0a6b
```
#2a0a6b rgb(42,10,107)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#380e8f
```
#380e8f rgb(56,14,143)
```
#3f0fa1
```
#3f0fa1 rgb(63,15,161)
```
#4611b3
```
#4611b3 rgb(70,17,179)
```
#4d13c5
```
#4d13c5 rgb(77,19,197)
```
#5415d6
```
#5415d6 rgb(84,21,214)
```
#5b16e8
```
#5b16e8 rgb(91,22,232)
```

Shade Color Variation

#6828ea
```
#6828ea rgb(104,40,234)
```
#743aec
```
#743aec rgb(116,58,236)
```
#814cee
```
#814cee rgb(129,76,238)
```
#8d5ef0
```
#8d5ef0 rgb(141,94,240)
```
#9a70f1
```
#9a70f1 rgb(154,112,241)
```
#a781f3
```
#a781f3 rgb(167,129,243)
```
#b393f5
```
#b393f5 rgb(179,147,245)
```
#c0a5f6
```
#c0a5f6 rgb(192,165,246)
```
#ccb7f8
```
#ccb7f8 rgb(204,183,248)
```
#d9c9fa
```
#d9c9fa rgb(217,201,250)
```
#e6dbfc
```
#e6dbfc rgb(230,219,252)
```
#f2edfd
```
#f2edfd rgb(242,237,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#434148
```
#434148 rgb(67,65,72)
```
#413b4e
```
#413b4e rgb(65,59,78)
```
#403653
```
#403653 rgb(64,54,83)
```
#3e3158
```
#3e3158 rgb(62,49,88)
```
#3c2c5d
```
#3c2c5d rgb(60,44,93)
```
#3a2663
```
#3a2663 rgb(58,38,99)
```
#382168
```
#382168 rgb(56,33,104)
```
#361c6d
```
#361c6d rgb(54,28,109)
```
#351772
```
#351772 rgb(53,23,114)
```
#331178
```
#331178 rgb(51,17,120)
```
#310c7d
```
#310c7d rgb(49,12,125)
```
#2f0782
```
#2f0782 rgb(47,7,130)
```
#2d0188
```
#2d0188 rgb(45,1,136)
```

Tone Color Variation

Below, you can see how #310c7d 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
#271f36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003465 Protanopia 1% of men
#003758 Deuteranopia 1% of men
#0d3a3f Tritanopia 0.001% of the population

Trichromacy

#11256e Protanomaly 1% of men, 0.01% of women
#112765 Deuteranomaly 6% of men, 0.4% of women
#1a2955 Tritanomaly 0.01% of the population