#331f50 hex color

In a RGB color space, hex #331f50 is composed of 20% red, 12.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 61.3% magenta, 0% yellow and 68.6% black. It has a hue angle of 264.5 degrees, a saturation of 44.1% and a lightness of 21.8%. #331f50 color hex could be obtained by blending #663ea0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 31
RGB color chart
- C 36
- M 61
- Y 0
- K 69
CMYK color chart

● #331f50 color description : Very dark violet.

The hexadecimal color #331f50 has RGB values of R:51, G:31, B:80 and CMYK values of C:0.36, M:0.61, Y:0, K:0.69. Its decimal value is 3350352.

Hex triplet	331f50	`#331f50`
RGB Decimal	51, 31, 80	`rgb(51,31,80)`
RGB Percent	20, 12.2, 31.4	`rgb(20%,12.2%,31.4%)`
CMYK	36, 61, 0, 69
HSL	264.5°, 44.1, 21.8	`hsl(264.5,44.1%,21.8%)`
HSV (or HSB)	264.5°, 61.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	16.811, 21.738, -26.676
XYZ	3.303, 2.263, 7.852
xyY	0.246, 0.169, 2.263
CIE-LCH	16.811, 34.411, 309.176
CIE-LUV	16.811, 4.251, -29.147
Hunter-Lab	15.043, 12.867, -20.416
Binary	00110011, 00011111, 01010000

#331f50
```
#331f50 rgb(51,31,80)
```
#3c501f
```
#3c501f rgb(60,80,31)
```

Complementary Color

#1f2450
```
#1f2450 rgb(31,36,80)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#4c1f50
```
#4c1f50 rgb(76,31,80)
```

Analogous Color

#24501f
```
#24501f rgb(36,80,31)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#504c1f
```
#504c1f rgb(80,76,31)
```

Split Complementary Color

#1f5033
```
#1f5033 rgb(31,80,51)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#50331f
```
#50331f rgb(80,51,31)
```

Triadic Color

#1f3c50
```
#1f3c50 rgb(31,60,80)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#50331f
```
#50331f rgb(80,51,31)
```
#3c501f
```
#3c501f rgb(60,80,31)
```

Tetradic Color

#100a19
```
#100a19 rgb(16,10,25)
```
#1c112b
```
#1c112b rgb(28,17,43)
```
#27183e
```
#27183e rgb(39,24,62)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#3f2662
```
#3f2662 rgb(63,38,98)
```
#4a2d75
```
#4a2d75 rgb(74,45,117)
```
#563487
```
#563487 rgb(86,52,135)
```

Monochromatic Color

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

#271f50
```
#271f50 rgb(39,31,80)
```
#2b1f50
```
#2b1f50 rgb(43,31,80)
```
#2f1f50
```
#2f1f50 rgb(47,31,80)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#371f50
```
#371f50 rgb(55,31,80)
```
#3b1f50
```
#3b1f50 rgb(59,31,80)
```
#3f1f50
```
#3f1f50 rgb(63,31,80)
```

Similar Colors

Text with hexadecimal color #331f50

This text has a font color of #331f50.

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

#331f50 background color

This paragraph has a background color of #331f50.

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

#331f50 border color

This element has a border color of #331f50.

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

CSS codes

.text {color:#331f50;}

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

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

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

#060409
```
#060409 rgb(6,4,9)
```
#0f0917
```
#0f0917 rgb(15,9,23)
```
#180f26
```
#180f26 rgb(24,15,38)
```
#211434
```
#211434 rgb(33,20,52)
```
#2a1a42
```
#2a1a42 rgb(42,26,66)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#3c245e
```
#3c245e rgb(60,36,94)
```
#452a6c
```
#452a6c rgb(69,42,108)
```
#4e2f7a
```
#4e2f7a rgb(78,47,122)
```
#573589
```
#573589 rgb(87,53,137)
```
#603a97
```
#603a97 rgb(96,58,151)
```
#6940a5
```
#6940a5 rgb(105,64,165)
```
#7245b3
```
#7245b3 rgb(114,69,179)
```

Shade Color Variation

#7c51bb
```
#7c51bb rgb(124,81,187)
```
#875fc1
```
#875fc1 rgb(135,95,193)
```
#916dc6
```
#916dc6 rgb(145,109,198)
```
#9c7bcc
```
#9c7bcc rgb(156,123,204)
```
#a789d1
```
#a789d1 rgb(167,137,209)
```
#b197d7
```
#b197d7 rgb(177,151,215)
```
#bca5dc
```
#bca5dc rgb(188,165,220)
```
#c6b3e2
```
#c6b3e2 rgb(198,179,226)
```
#d1c2e7
```
#d1c2e7 rgb(209,194,231)
```
#dcd0ed
```
#dcd0ed rgb(220,208,237)
```
#e6def2
```
#e6def2 rgb(230,222,242)
```
#f1ecf8
```
#f1ecf8 rgb(241,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#37343b
```
#37343b rgb(55,52,59)
```
#36303f
```
#36303f rgb(54,48,63)
```
#352c43
```
#352c43 rgb(53,44,67)
```
#352847
```
#352847 rgb(53,40,71)
```
#34234c
```
#34234c rgb(52,35,76)
```
#331f50
```
#331f50 rgb(51,31,80)
```
#321b54
```
#321b54 rgb(50,27,84)
```
#311659
```
#311659 rgb(49,22,89)
```
#31125d
```
#31125d rgb(49,18,93)
```
#300e61
```
#300e61 rgb(48,14,97)
```
#2f0a65
```
#2f0a65 rgb(47,10,101)
```
#2e056a
```
#2e056a rgb(46,5,106)
```
#2e016e
```
#2e016e rgb(46,1,110)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2d2932 Atypical Achromatopsia 0.001% of the population

Dichromacy

#153360 Protanopia 1% of men
#193555 Deuteranopia 1% of men
#353337 Tritanopia 0.001% of the population

Trichromacy

#202b5a Protanomaly 1% of men, 0.01% of women
#222d53 Deuteranomaly 6% of men, 0.4% of women
#342c40 Tritanomaly 0.01% of the population

#331f50 hex color

#331f50 Color Information

#331f50 Color Conversion

Color Schemes with #331f50

Alternatives to #331f50

#331f50 Preview

Shades and Tints of #331f50

Tones of #331f50

Color Blindness Simulator