#31107b hex color

In a RGB color space, hex #31107b is composed of 19.2% red, 6.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 87% magenta, 0% yellow and 51.8% black. It has a hue angle of 258.5 degrees, a saturation of 77% and a lightness of 27.3%. #31107b color hex could be obtained by blending #6220f6 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 6
- B 48
RGB color chart
- C 60
- M 87
- Y 0
- K 52
CMYK color chart

● #31107b color description : Dark violet.

The hexadecimal color #31107b has RGB values of R:49, G:16, B:123 and CMYK values of C:0.6, M:0.87, Y:0, K:0.52. Its decimal value is 3215483.

Hex triplet	31107b	`#31107b`
RGB Decimal	49, 16, 123	`rgb(49,16,123)`
RGB Percent	19.2, 6.3, 48.2	`rgb(19.2%,6.3%,48.2%)`
CMYK	60, 87, 0, 52
HSL	258.5°, 77, 27.3	`hsl(258.5,77%,27.3%)`
HSV (or HSB)	258.5°, 87, 48.2
Web Safe	330066	`#330066`

CIE-LAB	17.707, 42.388, -53.542
XYZ	5.026, 2.453, 18.947
xyY	0.19, 0.093, 2.453
CIE-LCH	17.707, 68.29, 308.368
CIE-LUV	17.707, 1.365, -56.291
Hunter-Lab	15.664, 29.869, -60.752
Binary	00110001, 00010000, 01111011

#31107b
```
#31107b rgb(49,16,123)
```
#5a7b10
```
#5a7b10 rgb(90,123,16)
```

Complementary Color

#10257b
```
#10257b rgb(16,37,123)
```
#31107b
```
#31107b rgb(49,16,123)
```
#67107b
```
#67107b rgb(103,16,123)
```

Analogous Color

#257b10
```
#257b10 rgb(37,123,16)
```
#31107b
```
#31107b rgb(49,16,123)
```
#7b6710
```
#7b6710 rgb(123,103,16)
```

Split Complementary Color

#107b31
```
#107b31 rgb(16,123,49)
```
#31107b
```
#31107b rgb(49,16,123)
```
#7b3110
```
#7b3110 rgb(123,49,16)
```

Triadic Color

#105a7b
```
#105a7b rgb(16,90,123)
```
#31107b
```
#31107b rgb(49,16,123)
```
#7b3110
```
#7b3110 rgb(123,49,16)
```
#5a7b10
```
#5a7b10 rgb(90,123,16)
```

Tetradic Color

#160737
```
#160737 rgb(22,7,55)
```
#1f0a4e
```
#1f0a4e rgb(31,10,78)
```
#280d64
```
#280d64 rgb(40,13,100)
```
#31107b
```
#31107b rgb(49,16,123)
```
#3a1392
```
#3a1392 rgb(58,19,146)
```
#4316a8
```
#4316a8 rgb(67,22,168)
```
#4c19bf
```
#4c19bf rgb(76,25,191)
```

Monochromatic Color

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

#16107b
```
#16107b rgb(22,16,123)
```
#1f107b
```
#1f107b rgb(31,16,123)
```
#28107b
```
#28107b rgb(40,16,123)
```
#31107b
```
#31107b rgb(49,16,123)
```
#3a107b
```
#3a107b rgb(58,16,123)
```
#43107b
```
#43107b rgb(67,16,123)
```
#4c107b
```
#4c107b rgb(76,16,123)
```

Similar Colors

Text with hexadecimal color #31107b

This text has a font color of #31107b.

<span style="color:#31107b;">Text here</span>

#31107b background color

This paragraph has a background color of #31107b.

<p style="background-color:#31107b;">Content here</p>

#31107b border color

This element has a border color of #31107b.

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

CSS codes

.text {color:#31107b;}

.background {background-color:#31107b;}

.border {border:1px solid #31107b;}

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

#010001
```
#010001 rgb(1,0,1)
```
#080213
```
#080213 rgb(8,2,19)
```
#0e0524
```
#0e0524 rgb(14,5,36)
```
#150736
```
#150736 rgb(21,7,54)
```
#1c0947
```
#1c0947 rgb(28,9,71)
```
#230b58
```
#230b58 rgb(35,11,88)
```
#2a0e6a
```
#2a0e6a rgb(42,14,106)
```
#31107b
```
#31107b rgb(49,16,123)
```
#38128c
```
#38128c rgb(56,18,140)
```
#3f159e
```
#3f159e rgb(63,21,158)
```
#4617af
```
#4617af rgb(70,23,175)
```
#4d19c0
```
#4d19c0 rgb(77,25,192)
```
#541bd2
```
#541bd2 rgb(84,27,210)
```

Shade Color Variation

#5b1fe2
```
#5b1fe2 rgb(91,31,226)
```
#6830e4
```
#6830e4 rgb(104,48,228)
```
#7442e6
```
#7442e6 rgb(116,66,230)
```
#8153e9
```
#8153e9 rgb(129,83,233)
```
#8e64eb
```
#8e64eb rgb(142,100,235)
```
#9a76ed
```
#9a76ed rgb(154,118,237)
```
#a787ef
```
#a787ef rgb(167,135,239)
```
#b498f2
```
#b498f2 rgb(180,152,242)
```
#c1aaf4
```
#c1aaf4 rgb(193,170,244)
```
#cdbbf6
```
#cdbbf6 rgb(205,187,246)
```
#daccf8
```
#daccf8 rgb(218,204,248)
```
#e7defb
```
#e7defb rgb(231,222,251)
```
#f3effd
```
#f3effd rgb(243,239,253)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#43404b
```
#43404b rgb(67,64,75)
```
#413b50
```
#413b50 rgb(65,59,80)
```
#3f3556
```
#3f3556 rgb(63,53,86)
```
#3d305b
```
#3d305b rgb(61,48,91)
```
#3b2b60
```
#3b2b60 rgb(59,43,96)
```
#392566
```
#392566 rgb(57,37,102)
```
#37206b
```
#37206b rgb(55,32,107)
```
#351b70
```
#351b70 rgb(53,27,112)
```
#331576
```
#331576 rgb(51,21,118)
```
#31107b
```
#31107b rgb(49,16,123)
```
#2f0b80
```
#2f0b80 rgb(47,11,128)
```
#2d0586
```
#2d0586 rgb(45,5,134)
```

Tone Color Variation

Below, you can see how #31107b 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

#262626 Achromatopsia 0.005% of the population
#282237 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#003759 Deuteranopia 1% of men
#133b3f Tritanopia 0.001% of the population

Trichromacy

#11276e Protanomaly 1% of men, 0.01% of women
#112965 Deuteranomaly 6% of men, 0.4% of women
#1e2b55 Tritanomaly 0.01% of the population

#31107b hex color

#31107b Color Information

#31107b Color Conversion

Color Schemes with #31107b

Alternatives to #31107b

#31107b Preview

Shades and Tints of #31107b

Tones of #31107b

Color Blindness Simulator