#310f96 hex color

In a RGB color space, hex #310f96 is composed of 19.2% red, 5.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 90% magenta, 0% yellow and 41.2% black. It has a hue angle of 255.1 degrees, a saturation of 81.8% and a lightness of 32.4%. #310f96 color hex could be obtained by blending #621eff with #00002d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 6
- B 59
RGB color chart
- C 67
- M 90
- Y 0
- K 41
CMYK color chart

● #310f96 color description : Dark violet.

The hexadecimal color #310f96 has RGB values of R:49, G:15, B:150 and CMYK values of C:0.67, M:0.9, Y:0, K:0.41. Its decimal value is 3215254.

Hex triplet	310f96	`#310f96`
RGB Decimal	49, 15, 150	`rgb(49,15,150)`
RGB Percent	19.2, 5.9, 58.8	`rgb(19.2%,5.9%,58.8%)`
CMYK	67, 90, 0, 41
HSL	255.1°, 81.8, 32.4	`hsl(255.1,81.8%,32.4%)`
HSV (or HSB)	255.1°, 90, 58.8
Web Safe	330099	`#330099`

CIE-LAB	20.814, 50.318, -65.361
XYZ	6.941, 3.196, 29.104
xyY	0.177, 0.081, 3.196
CIE-LCH	20.814, 82.486, 307.591
CIE-LUV	20.814, -0.698, -71.982
Hunter-Lab	17.878, 38.017, -84.002
Binary	00110001, 00001111, 10010110

#310f96
```
#310f96 rgb(49,15,150)
```
#74960f
```
#74960f rgb(116,150,15)
```

Complementary Color

#0f3096
```
#0f3096 rgb(15,48,150)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#750f96
```
#750f96 rgb(117,15,150)
```

Analogous Color

#30960f
```
#30960f rgb(48,150,15)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#96750f
```
#96750f rgb(150,117,15)
```

Split Complementary Color

#0f9631
```
#0f9631 rgb(15,150,49)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#96310f
```
#96310f rgb(150,49,15)
```

Triadic Color

#0f7496
```
#0f7496 rgb(15,116,150)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#96310f
```
#96310f rgb(150,49,15)
```
#74960f
```
#74960f rgb(116,150,15)
```

Tetradic Color

#1a0850
```
#1a0850 rgb(26,8,80)
```
#220a68
```
#220a68 rgb(34,10,104)
```
#290d7f
```
#290d7f rgb(41,13,127)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#3911ad
```
#3911ad rgb(57,17,173)
```
#4014c4
```
#4014c4 rgb(64,20,196)
```
#4816dc
```
#4816dc rgb(72,22,220)
```

Monochromatic Color

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

#0f0f96
```
#0f0f96 rgb(15,15,150)
```
#1b0f96
```
#1b0f96 rgb(27,15,150)
```
#260f96
```
#260f96 rgb(38,15,150)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#3c0f96
```
#3c0f96 rgb(60,15,150)
```
#480f96
```
#480f96 rgb(72,15,150)
```
#530f96
```
#530f96 rgb(83,15,150)
```

Similar Colors

Text with hexadecimal color #310f96

This text has a font color of #310f96.

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

#310f96 background color

This paragraph has a background color of #310f96.

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

#310f96 border color

This element has a border color of #310f96.

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

CSS codes

.text {color:#310f96;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#080319
```
#080319 rgb(8,3,25)
```
#0e042b
```
#0e042b rgb(14,4,43)
```
#14063d
```
#14063d rgb(20,6,61)
```
#1a084f
```
#1a084f rgb(26,8,79)
```
#200a61
```
#200a61 rgb(32,10,97)
```
#250b72
```
#250b72 rgb(37,11,114)
```
#2b0d84
```
#2b0d84 rgb(43,13,132)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#3711a8
```
#3711a8 rgb(55,17,168)
```
#3d13ba
```
#3d13ba rgb(61,19,186)
```
#4214cb
```
#4214cb rgb(66,20,203)
```
#4816dd
```
#4816dd rgb(72,22,221)
```

Shade Color Variation

#511fe9
```
#511fe9 rgb(81,31,233)
```
#5f30ea
```
#5f30ea rgb(95,48,234)
```
#6d42ec
```
#6d42ec rgb(109,66,236)
```
#7b54ee
```
#7b54ee rgb(123,84,238)
```
#8966f0
```
#8966f0 rgb(137,102,240)
```
#9678f1
```
#9678f1 rgb(150,120,241)
```
#a48af3
```
#a48af3 rgb(164,138,243)
```
#b29bf5
```
#b29bf5 rgb(178,155,245)
```
#c0adf7
```
#c0adf7 rgb(192,173,247)
```
#cebff9
```
#cebff9 rgb(206,191,249)
```
#dbd1fa
```
#dbd1fa rgb(219,209,250)
```
#e9e3fc
```
#e9e3fc rgb(233,227,252)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

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

#504e57
```
#504e57 rgb(80,78,87)
```
#4d485d
```
#4d485d rgb(77,72,93)
```
#4a4263
```
#4a4263 rgb(74,66,99)
```
#473b6a
```
#473b6a rgb(71,59,106)
```
#443570
```
#443570 rgb(68,53,112)
```
#412f76
```
#412f76 rgb(65,47,118)
```
#3e287d
```
#3e287d rgb(62,40,125)
```
#3a2283
```
#3a2283 rgb(58,34,131)
```
#371c89
```
#371c89 rgb(55,28,137)
```
#341590
```
#341590 rgb(52,21,144)
```
#310f96
```
#310f96 rgb(49,15,150)
```
#2e099c
```
#2e099c rgb(46,9,156)
```
#2b02a3
```
#2b02a3 rgb(43,2,163)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b243f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#112b7f Protanomaly 1% of men, 0.01% of women
#112d75 Deuteranomaly 6% of men, 0.4% of women
#112f63 Tritanomaly 0.01% of the population

#310f96 hex color

#310f96 Color Information

#310f96 Color Conversion

Color Schemes with #310f96

Alternatives to #310f96

#310f96 Preview

Shades and Tints of #310f96

Tones of #310f96

Color Blindness Simulator