#331f48 hex color

In a RGB color space, hex #331f48 is composed of 20% red, 12.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 56.9% magenta, 0% yellow and 71.8% black. It has a hue angle of 269.3 degrees, a saturation of 39.8% and a lightness of 20.2%. #331f48 color hex could be obtained by blending #663e90 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 12
- B 28
RGB color chart
- C 29
- M 57
- Y 0
- K 72
CMYK color chart

● #331f48 color description : Very dark desaturated violet.

The hexadecimal color #331f48 has RGB values of R:51, G:31, B:72 and CMYK values of C:0.29, M:0.57, Y:0, K:0.72. Its decimal value is 3350344.

Hex triplet	331f48	`#331f48`
RGB Decimal	51, 31, 72	`rgb(51,31,72)`
RGB Percent	20, 12.2, 28.2	`rgb(20%,12.2%,28.2%)`
CMYK	29, 57, 0, 72
HSL	269.3°, 39.8, 20.2	`hsl(269.3,39.8%,20.2%)`
HSV (or HSB)	269.3°, 56.9, 28.2
Web Safe	333333	`#333333`

CIE-LAB	16.264, 19.379, -22.08
XYZ	3.025, 2.152, 6.387
xyY	0.262, 0.186, 2.152
CIE-LCH	16.264, 29.378, 311.272
CIE-LUV	16.264, 5.143, -23.838
Hunter-Lab	14.669, 11.137, -15.546
Binary	00110011, 00011111, 01001000

#331f48
```
#331f48 rgb(51,31,72)
```
#34481f
```
#34481f rgb(52,72,31)
```

Complementary Color

#1f2048
```
#1f2048 rgb(31,32,72)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#481f48
```
#481f48 rgb(72,31,72)
```

Analogous Color

#20481f
```
#20481f rgb(32,72,31)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#48481f
```
#48481f rgb(72,72,31)
```

Split Complementary Color

#1f4833
```
#1f4833 rgb(31,72,51)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#48331f
```
#48331f rgb(72,51,31)
```

Triadic Color

#1f3448
```
#1f3448 rgb(31,52,72)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#48331f
```
#48331f rgb(72,51,31)
```
#34481f
```
#34481f rgb(52,72,31)
```

Tetradic Color

#0d0813
```
#0d0813 rgb(13,8,19)
```
#1a1024
```
#1a1024 rgb(26,16,36)
```
#261736
```
#261736 rgb(38,23,54)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#40275a
```
#40275a rgb(64,39,90)
```
#4c2e6c
```
#4c2e6c rgb(76,46,108)
```
#59367d
```
#59367d rgb(89,54,125)
```

Monochromatic Color

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

#291f48
```
#291f48 rgb(41,31,72)
```
#2c1f48
```
#2c1f48 rgb(44,31,72)
```
#301f48
```
#301f48 rgb(48,31,72)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#361f48
```
#361f48 rgb(54,31,72)
```
#3a1f48
```
#3a1f48 rgb(58,31,72)
```
#3d1f48
```
#3d1f48 rgb(61,31,72)
```

Similar Colors

Text with hexadecimal color #331f48

This text has a font color of #331f48.

<span style="color:#331f48;">Text here</span>

#331f48 background color

This paragraph has a background color of #331f48.

<p style="background-color:#331f48;">Content here</p>

#331f48 border color

This element has a border color of #331f48.

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

CSS codes

.text {color:#331f48;}

.background {background-color:#331f48;}

.border {border:1px solid #331f48;}

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

#020103
```
#020103 rgb(2,1,3)
```
#0c0711
```
#0c0711 rgb(12,7,17)
```
#160d1f
```
#160d1f rgb(22,13,31)
```
#20132d
```
#20132d rgb(32,19,45)
```
#29193a
```
#29193a rgb(41,25,58)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#3d2556
```
#3d2556 rgb(61,37,86)
```
#462b63
```
#462b63 rgb(70,43,99)
```
#503171
```
#503171 rgb(80,49,113)
```
#5a377f
```
#5a377f rgb(90,55,127)
```
#643d8d
```
#643d8d rgb(100,61,141)
```
#6d429a
```
#6d429a rgb(109,66,154)
```
#7748a8
```
#7748a8 rgb(119,72,168)
```

Shade Color Variation

#8150b4
```
#8150b4 rgb(129,80,180)
```
#8b5eba
```
#8b5eba rgb(139,94,186)
```
#956cc0
```
#956cc0 rgb(149,108,192)
```
#9e79c5
```
#9e79c5 rgb(158,121,197)
```
#a887cb
```
#a887cb rgb(168,135,203)
```
#b295d1
```
#b295d1 rgb(178,149,209)
```
#bca2d7
```
#bca2d7 rgb(188,162,215)
```
#c6b0dd
```
#c6b0dd rgb(198,176,221)
```
#d0bee3
```
#d0bee3 rgb(208,190,227)
```
#dacce9
```
#dacce9 rgb(218,204,233)
```
#e4d9ef
```
#e4d9ef rgb(228,217,239)
```
#eee7f5
```
#eee7f5 rgb(238,231,245)
```
#f8f5fb
```
#f8f5fb rgb(248,245,251)
```

Tint Color Variation

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

#333334
```
#333334 rgb(51,51,52)
```
#332f38
```
#332f38 rgb(51,47,56)
```
#332b3c
```
#332b3c rgb(51,43,60)
```
#332740
```
#332740 rgb(51,39,64)
```
#332344
```
#332344 rgb(51,35,68)
```
#331f48
```
#331f48 rgb(51,31,72)
```
#331b4c
```
#331b4c rgb(51,27,76)
```
#331750
```
#331750 rgb(51,23,80)
```
#331354
```
#331354 rgb(51,19,84)
```
#330f58
```
#330f58 rgb(51,15,88)
```
#330b5c
```
#330b5c rgb(51,11,92)
```
#320760
```
#320760 rgb(50,7,96)
```
#320364
```
#320364 rgb(50,3,100)
```

Tone Color Variation

Below, you can see how #331f48 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

#2a2a2a Achromatopsia 0.005% of the population
#2c2830 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f3257 Protanopia 1% of men
#22334e Deuteranopia 1% of men
#373135 Tritanopia 0.001% of the population

Trichromacy

#262b52 Protanomaly 1% of men, 0.01% of women
#282c4c Deuteranomaly 6% of men, 0.4% of women
#352b3c Tritanomaly 0.01% of the population

#331f48 hex color

#331f48 Color Information

#331f48 Color Conversion

Color Schemes with #331f48

Alternatives to #331f48

#331f48 Preview

Shades and Tints of #331f48

Tones of #331f48

Color Blindness Simulator