#310d60 hex color

In a RGB color space, hex #310d60 is composed of 19.2% red, 5.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 86.5% magenta, 0% yellow and 62.4% black. It has a hue angle of 266 degrees, a saturation of 76.1% and a lightness of 21.4%. #310d60 color hex could be obtained by blending #621ac0 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 5
- B 38
RGB color chart
- C 49
- M 86
- Y 0
- K 62
CMYK color chart

● #310d60 color description : Very dark violet.

The hexadecimal color #310d60 has RGB values of R:49, G:13, B:96 and CMYK values of C:0.49, M:0.86, Y:0, K:0.62. Its decimal value is 3214688.

Hex triplet	310d60	`#310d60`
RGB Decimal	49, 13, 96	`rgb(49,13,96)`
RGB Percent	19.2, 5.1, 37.6	`rgb(19.2%,5.1%,37.6%)`
CMYK	49, 86, 0, 62
HSL	266°, 76.1, 21.4	`hsl(266,76.1%,21.4%)`
HSV (or HSB)	266°, 86.5, 37.6
Web Safe	330066	`#330066`

CIE-LAB	14.318, 36.006, -41.506
XYZ	3.522, 1.785, 11.225
xyY	0.213, 0.108, 1.785
CIE-LCH	14.318, 54.947, 310.941
CIE-LUV	14.318, 4.158, -40.424
Hunter-Lab	13.362, 23.662, -40.455
Binary	00110001, 00001101, 01100000

#310d60
```
#310d60 rgb(49,13,96)
```
#3c600d
```
#3c600d rgb(60,96,13)
```

Complementary Color

#0d1360
```
#0d1360 rgb(13,19,96)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#5b0d60
```
#5b0d60 rgb(91,13,96)
```

Analogous Color

#13600d
```
#13600d rgb(19,96,13)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#605b0d
```
#605b0d rgb(96,91,13)
```

Split Complementary Color

#0d6031
```
#0d6031 rgb(13,96,49)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#60310d
```
#60310d rgb(96,49,13)
```

Triadic Color

#0d3c60
```
#0d3c60 rgb(13,60,96)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#60310d
```
#60310d rgb(96,49,13)
```
#3c600d
```
#3c600d rgb(60,96,13)
```

Tetradic Color

#0f041d
```
#0f041d rgb(15,4,29)
```
#1a0733
```
#1a0733 rgb(26,7,51)
```
#260a4a
```
#260a4a rgb(38,10,74)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#3c1076
```
#3c1076 rgb(60,16,118)
```
#48138d
```
#48138d rgb(72,19,141)
```
#5316a3
```
#5316a3 rgb(83,22,163)
```

Monochromatic Color

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

#1c0d60
```
#1c0d60 rgb(28,13,96)
```
#230d60
```
#230d60 rgb(35,13,96)
```
#2a0d60
```
#2a0d60 rgb(42,13,96)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#380d60
```
#380d60 rgb(56,13,96)
```
#3f0d60
```
#3f0d60 rgb(63,13,96)
```
#460d60
```
#460d60 rgb(70,13,96)
```

Similar Colors

Text with hexadecimal color #310d60

This text has a font color of #310d60.

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

#310d60 background color

This paragraph has a background color of #310d60.

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

#310d60 border color

This element has a border color of #310d60.

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

CSS codes

.text {color:#310d60;}

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

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

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, #05010a is the darkest color, while #faf7fe is the lightest one.

#05010a
```
#05010a rgb(5,1,10)
```
#0e041b
```
#0e041b rgb(14,4,27)
```
#17062c
```
#17062c rgb(23,6,44)
```
#1f083d
```
#1f083d rgb(31,8,61)
```
#280b4f
```
#280b4f rgb(40,11,79)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#3a0f71
```
#3a0f71 rgb(58,15,113)
```
#431283
```
#431283 rgb(67,18,131)
```
#4b1494
```
#4b1494 rgb(75,20,148)
```
#5416a5
```
#5416a5 rgb(84,22,165)
```
#5d19b6
```
#5d19b6 rgb(93,25,182)
```
#661bc8
```
#661bc8 rgb(102,27,200)
```
#6f1dd9
```
#6f1dd9 rgb(111,29,217)
```

Shade Color Variation

#7928e2
```
#7928e2 rgb(121,40,226)
```
#8339e4
```
#8339e4 rgb(131,57,228)
```
#8e4be7
```
#8e4be7 rgb(142,75,231)
```
#995ce9
```
#995ce9 rgb(153,92,233)
```
#a46deb
```
#a46deb rgb(164,109,235)
```
#af7eee
```
#af7eee rgb(175,126,238)
```
#b990f0
```
#b990f0 rgb(185,144,240)
```
#c4a1f2
```
#c4a1f2 rgb(196,161,242)
```
#cfb2f5
```
#cfb2f5 rgb(207,178,245)
```
#dac4f7
```
#dac4f7 rgb(218,196,247)
```
#e5d5f9
```
#e5d5f9 rgb(229,213,249)
```
#efe6fc
```
#efe6fc rgb(239,230,252)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#36333a
```
#36333a rgb(54,51,58)
```
#352f3e
```
#352f3e rgb(53,47,62)
```
#352a43
```
#352a43 rgb(53,42,67)
```
#342647
```
#342647 rgb(52,38,71)
```
#34224b
```
#34224b rgb(52,34,75)
```
#331e4f
```
#331e4f rgb(51,30,79)
```
#331a53
```
#331a53 rgb(51,26,83)
```
#321558
```
#321558 rgb(50,21,88)
```
#32115c
```
#32115c rgb(50,17,92)
```
#310d60
```
#310d60 rgb(49,13,96)
```
#300964
```
#300964 rgb(48,9,100)
```
#300568
```
#300568 rgb(48,5,104)
```
#2f006d
```
#2f006d rgb(47,0,109)
```

Tone Color Variation

Below, you can see how #310d60 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
#241d2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00304e Deuteranopia 1% of men
#2b3033 Tritanopia 0.001% of the population

Trichromacy

#11225c Protanomaly 1% of men, 0.01% of women
#112354 Deuteranomaly 6% of men, 0.4% of women
#2d2343 Tritanomaly 0.01% of the population

#310d60 hex color

#310d60 Color Information

#310d60 Color Conversion

Color Schemes with #310d60

Alternatives to #310d60

#310d60 Preview

Shades and Tints of #310d60

Tones of #310d60

Color Blindness Simulator