#310f86 hex color

In a RGB color space, hex #310f86 is composed of 19.2% red, 5.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 88.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 257.1 degrees, a saturation of 79.9% and a lightness of 29.2%. #310f86 color hex could be obtained by blending #621eff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 6
- B 53
RGB color chart
- C 63
- M 89
- Y 0
- K 47
CMYK color chart

● #310f86 color description : Dark violet.

The hexadecimal color #310f86 has RGB values of R:49, G:15, B:134 and CMYK values of C:0.63, M:0.89, Y:0, K:0.47. Its decimal value is 3215238.

Hex triplet	310f86	`#310f86`
RGB Decimal	49, 15, 134	`rgb(49,15,134)`
RGB Percent	19.2, 5.9, 52.5	`rgb(19.2%,5.9%,52.5%)`
CMYK	63, 89, 0, 47
HSL	257.1°, 79.9, 29.2	`hsl(257.1,79.9%,29.2%)`
HSV (or HSB)	257.1°, 88.8, 52.5
Web Safe	330099	`#330099`

CIE-LAB	18.867, 45.875, -58.605
XYZ	5.74, 2.716, 22.775
xyY	0.184, 0.087, 2.716
CIE-LCH	18.867, 74.425, 308.053
CIE-LUV	18.867, 0.528, -62.651
Hunter-Lab	16.479, 33.333, -70.405
Binary	00110001, 00001111, 10000110

#310f86
```
#310f86 rgb(49,15,134)
```
#64860f
```
#64860f rgb(100,134,15)
```

Complementary Color

#0f2986
```
#0f2986 rgb(15,41,134)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#6d0f86
```
#6d0f86 rgb(109,15,134)
```

Analogous Color

#29860f
```
#29860f rgb(41,134,15)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#866d0f
```
#866d0f rgb(134,109,15)
```

Split Complementary Color

#0f8631
```
#0f8631 rgb(15,134,49)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#86310f
```
#86310f rgb(134,49,15)
```

Triadic Color

#0f6486
```
#0f6486 rgb(15,100,134)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#86310f
```
#86310f rgb(134,49,15)
```
#64860f
```
#64860f rgb(100,134,15)
```

Tetradic Color

#180741
```
#180741 rgb(24,7,65)
```
#200a58
```
#200a58 rgb(32,10,88)
```
#290c6f
```
#290c6f rgb(41,12,111)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#39129d
```
#39129d rgb(57,18,157)
```
#4214b4
```
#4214b4 rgb(66,20,180)
```
#4a17cb
```
#4a17cb rgb(74,23,203)
```

Monochromatic Color

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

#130f86
```
#130f86 rgb(19,15,134)
```
#1d0f86
```
#1d0f86 rgb(29,15,134)
```
#270f86
```
#270f86 rgb(39,15,134)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#3b0f86
```
#3b0f86 rgb(59,15,134)
```
#450f86
```
#450f86 rgb(69,15,134)
```
#4f0f86
```
#4f0f86 rgb(79,15,134)
```

Similar Colors

Text with hexadecimal color #310f86

This text has a font color of #310f86.

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

#310f86 background color

This paragraph has a background color of #310f86.

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

#310f86 border color

This element has a border color of #310f86.

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

CSS codes

.text {color:#310f86;}

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

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

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, #04010b is the darkest color, while #faf8fe is the lightest one.

#04010b
```
#04010b rgb(4,1,11)
```
#0a031c
```
#0a031c rgb(10,3,28)
```
#11052e
```
#11052e rgb(17,5,46)
```
#17073f
```
#17073f rgb(23,7,63)
```
#1e0951
```
#1e0951 rgb(30,9,81)
```
#240b63
```
#240b63 rgb(36,11,99)
```
#2b0d74
```
#2b0d74 rgb(43,13,116)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#371198
```
#371198 rgb(55,17,152)
```
#3e13a9
```
#3e13a9 rgb(62,19,169)
```
#4415bb
```
#4415bb rgb(68,21,187)
```
#4b17cd
```
#4b17cd rgb(75,23,205)
```
#5119de
```
#5119de rgb(81,25,222)
```

Shade Color Variation

#5c24e7
```
#5c24e7 rgb(92,36,231)
```
#6936e8
```
#6936e8 rgb(105,54,232)
```
#7647ea
```
#7647ea rgb(118,71,234)
```
#8359ec
```
#8359ec rgb(131,89,236)
```
#906bee
```
#906bee rgb(144,107,238)
```
#9e7cf0
```
#9e7cf0 rgb(158,124,240)
```
#ab8ef2
```
#ab8ef2 rgb(171,142,242)
```
#b8a0f4
```
#b8a0f4 rgb(184,160,244)
```
#c5b1f6
```
#c5b1f6 rgb(197,177,246)
```
#d2c3f8
```
#d2c3f8 rgb(210,195,248)
```
#dfd5fa
```
#dfd5fa rgb(223,213,250)
```
#ede6fc
```
#ede6fc rgb(237,230,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#4a484d
```
#4a484d rgb(74,72,77)
```
#474352
```
#474352 rgb(71,67,82)
```
#453d58
```
#453d58 rgb(69,61,88)
```
#42375e
```
#42375e rgb(66,55,94)
```
#403164
```
#403164 rgb(64,49,100)
```
#3d2c69
```
#3d2c69 rgb(61,44,105)
```
#3b266f
```
#3b266f rgb(59,38,111)
```
#382075
```
#382075 rgb(56,32,117)
```
#361a7b
```
#361a7b rgb(54,26,123)
```
#331580
```
#331580 rgb(51,21,128)
```
#310f86
```
#310f86 rgb(49,15,134)
```
#2f098c
```
#2f098c rgb(47,9,140)
```
#2c0491
```
#2c0491 rgb(44,4,145)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29223a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e42 Tritanopia 0.001% of the population

Trichromacy

#112874 Protanomaly 1% of men, 0.01% of women
#112a6b Deuteranomaly 6% of men, 0.4% of women
#112d5b Tritanomaly 0.01% of the population

#310f86 hex color

#310f86 Color Information

#310f86 Color Conversion

Color Schemes with #310f86

Alternatives to #310f86

#310f86 Preview

Shades and Tints of #310f86

Tones of #310f86

Color Blindness Simulator