#310b48 hex color

In a RGB color space, hex #310b48 is composed of 19.2% red, 4.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 84.7% magenta, 0% yellow and 71.8% black. It has a hue angle of 277.4 degrees, a saturation of 73.5% and a lightness of 16.3%. #310b48 color hex could be obtained by blending #621690 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 4
- B 28
RGB color chart
- C 32
- M 85
- Y 0
- K 72
CMYK color chart

● #310b48 color description : Very dark violet.

The hexadecimal color #310b48 has RGB values of R:49, G:11, B:72 and CMYK values of C:0.32, M:0.85, Y:0, K:0.72. Its decimal value is 3214152.

Hex triplet	310b48	`#310b48`
RGB Decimal	49, 11, 72	`rgb(49,11,72)`
RGB Percent	19.2, 4.3, 28.2	`rgb(19.2%,4.3%,28.2%)`
CMYK	32, 85, 0, 72
HSL	277.4°, 73.5, 16.3	`hsl(277.4,73.5%,16.3%)`
HSV (or HSB)	277.4°, 84.7, 28.2
Web Safe	330033	`#330033`

CIE-LAB	11.691, 30.44, -29.443
XYZ	2.556, 1.36, 6.258
xyY	0.251, 0.134, 1.36
CIE-LCH	11.691, 42.35, 315.955
CIE-LUV	11.691, 7.161, -26.596
Hunter-Lab	11.663, 18.706, -23.651
Binary	00110001, 00001011, 01001000

#310b48
```
#310b48 rgb(49,11,72)
```
#22480b
```
#22480b rgb(34,72,11)
```

Complementary Color

#130b48
```
#130b48 rgb(19,11,72)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#480b41
```
#480b41 rgb(72,11,65)
```

Analogous Color

#0b4813
```
#0b4813 rgb(11,72,19)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#41480b
```
#41480b rgb(65,72,11)
```

Split Complementary Color

#0b4831
```
#0b4831 rgb(11,72,49)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#48310b
```
#48310b rgb(72,49,11)
```

Triadic Color

#0b2248
```
#0b2248 rgb(11,34,72)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#48310b
```
#48310b rgb(72,49,11)
```
#22480b
```
#22480b rgb(34,72,11)
```

Tetradic Color

#040106
```
#040106 rgb(4,1,6)
```
#13041c
```
#13041c rgb(19,4,28)
```
#220832
```
#220832 rgb(34,8,50)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#400e5e
```
#400e5e rgb(64,14,94)
```
#4f1274
```
#4f1274 rgb(79,18,116)
```
#5e158a
```
#5e158a rgb(94,21,138)
```

Monochromatic Color

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

#220b48
```
#220b48 rgb(34,11,72)
```
#270b48
```
#270b48 rgb(39,11,72)
```
#2c0b48
```
#2c0b48 rgb(44,11,72)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#360b48
```
#360b48 rgb(54,11,72)
```
#3b0b48
```
#3b0b48 rgb(59,11,72)
```
#400b48
```
#400b48 rgb(64,11,72)
```

Similar Colors

Text with hexadecimal color #310b48

This text has a font color of #310b48.

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

#310b48 background color

This paragraph has a background color of #310b48.

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

#310b48 border color

This element has a border color of #310b48.

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

CSS codes

.text {color:#310b48;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0e0315
```
#0e0315 rgb(14,3,21)
```
#1a0626
```
#1a0626 rgb(26,6,38)
```
#250837
```
#250837 rgb(37,8,55)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#3d0e59
```
#3d0e59 rgb(61,14,89)
```
#48106a
```
#48106a rgb(72,16,106)
```
#54137b
```
#54137b rgb(84,19,123)
```
#5f158c
```
#5f158c rgb(95,21,140)
```
#6b189d
```
#6b189d rgb(107,24,157)
```
#761bae
```
#761bae rgb(118,27,174)
```
#821dbf
```
#821dbf rgb(130,29,191)
```
#8e20d0
```
#8e20d0 rgb(142,32,208)
```

Shade Color Variation

#9826de
```
#9826de rgb(152,38,222)
```
#a037e0
```
#a037e0 rgb(160,55,224)
```
#a848e3
```
#a848e3 rgb(168,72,227)
```
#b159e6
```
#b159e6 rgb(177,89,230)
```
#b96ae8
```
#b96ae8 rgb(185,106,232)
```
#c17beb
```
#c17beb rgb(193,123,235)
```
#c98ced
```
#c98ced rgb(201,140,237)
```
#d19df0
```
#d19df0 rgb(209,157,240)
```
#d9aef3
```
#d9aef3 rgb(217,174,243)
```
#e1bff5
```
#e1bff5 rgb(225,191,245)
```
#e9d0f8
```
#e9d0f8 rgb(233,208,248)
```
#f1e1fa
```
#f1e1fa rgb(241,225,250)
```
#f9f2fd
```
#f9f2fd rgb(249,242,253)
```

Tint Color Variation

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

#2a282b
```
#2a282b rgb(42,40,43)
```
#2b252e
```
#2b252e rgb(43,37,46)
```
#2c2132
```
#2c2132 rgb(44,33,50)
```
#2c1e35
```
#2c1e35 rgb(44,30,53)
```
#2d1b38
```
#2d1b38 rgb(45,27,56)
```
#2e183b
```
#2e183b rgb(46,24,59)
```
#2f153e
```
#2f153e rgb(47,21,62)
```
#2f1142
```
#2f1142 rgb(47,17,66)
```
#300e45
```
#300e45 rgb(48,14,69)
```
#310b48
```
#310b48 rgb(49,11,72)
```
#32084b
```
#32084b rgb(50,8,75)
```
#33054e
```
#33054e rgb(51,5,78)
```
#330152
```
#330152 rgb(51,1,82)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211926 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002950 Protanopia 1% of men
#002b47 Deuteranopia 1% of men
#33272a Tritanopia 0.001% of the population

Trichromacy

#111e4d Protanomaly 1% of men, 0.01% of women
#111f47 Deuteranomaly 6% of men, 0.4% of women
#321d34 Tritanomaly 0.01% of the population

#310b48 hex color

#310b48 Color Information

#310b48 Color Conversion

Color Schemes with #310b48

Alternatives to #310b48

#310b48 Preview

Shades and Tints of #310b48

Tones of #310b48

Color Blindness Simulator