#331f62 hex color

In a RGB color space, hex #331f62 is composed of 20% red, 12.2% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 68.4% magenta, 0% yellow and 61.6% black. It has a hue angle of 257.9 degrees, a saturation of 51.9% and a lightness of 25.3%. #331f62 color hex could be obtained by blending #663ec4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 38
RGB color chart
- C 48
- M 68
- Y 0
- K 62
CMYK color chart

● #331f62 color description : Very dark violet.

The hexadecimal color #331f62 has RGB values of R:51, G:31, B:98 and CMYK values of C:0.48, M:0.68, Y:0, K:0.62. Its decimal value is 3350370.

Hex triplet	331f62	`#331f62`
RGB Decimal	51, 31, 98	`rgb(51,31,98)`
RGB Percent	20, 12.2, 38.4	`rgb(20%,12.2%,38.4%)`
CMYK	48, 68, 0, 62
HSL	257.9°, 51.9, 25.3	`hsl(257.9,51.9%,25.3%)`
HSV (or HSB)	257.9°, 68.4, 38.4
Web Safe	333366	`#333366`

CIE-LAB	18.213, 27.307, -36.463
XYZ	4.059, 2.566, 11.836
xyY	0.22, 0.139, 2.566
CIE-LCH	18.213, 45.555, 306.829
CIE-LUV	18.213, 2.415, -40.842
Hunter-Lab	16.017, 17.208, -32.6
Binary	00110011, 00011111, 01100010

#331f62
```
#331f62 rgb(51,31,98)
```
#4e621f
```
#4e621f rgb(78,98,31)
```

Complementary Color

#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#551f62
```
#551f62 rgb(85,31,98)
```

Analogous Color

#2d621f
```
#2d621f rgb(45,98,31)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#62551f
```
#62551f rgb(98,85,31)
```

Split Complementary Color

#1f6233
```
#1f6233 rgb(31,98,51)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#62331f
```
#62331f rgb(98,51,31)
```

Triadic Color

#1f4e62
```
#1f4e62 rgb(31,78,98)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#62331f
```
#62331f rgb(98,51,31)
```
#4e621f
```
#4e621f rgb(78,98,31)
```

Tetradic Color

#150d28
```
#150d28 rgb(21,13,40)
```
#1f133b
```
#1f133b rgb(31,19,59)
```
#29194f
```
#29194f rgb(41,25,79)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#3d2575
```
#3d2575 rgb(61,37,117)
```
#472b89
```
#472b89 rgb(71,43,137)
```
#51319c
```
#51319c rgb(81,49,156)
```

Monochromatic Color

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

#221f62
```
#221f62 rgb(34,31,98)
```
#281f62
```
#281f62 rgb(40,31,98)
```
#2d1f62
```
#2d1f62 rgb(45,31,98)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#391f62
```
#391f62 rgb(57,31,98)
```
#3e1f62
```
#3e1f62 rgb(62,31,98)
```
#441f62
```
#441f62 rgb(68,31,98)
```

Similar Colors

Text with hexadecimal color #331f62

This text has a font color of #331f62.

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

#331f62 background color

This paragraph has a background color of #331f62.

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

#331f62 border color

This element has a border color of #331f62.

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

CSS codes

.text {color:#331f62;}

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

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

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

#040309
```
#040309 rgb(4,3,9)
```
#0c0717
```
#0c0717 rgb(12,7,23)
```
#140c26
```
#140c26 rgb(20,12,38)
```
#1c1135
```
#1c1135 rgb(28,17,53)
```
#231644
```
#231644 rgb(35,22,68)
```
#2b1a53
```
#2b1a53 rgb(43,26,83)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#3b2471
```
#3b2471 rgb(59,36,113)
```
#432880
```
#432880 rgb(67,40,128)
```
#4a2d8f
```
#4a2d8f rgb(74,45,143)
```
#52329e
```
#52329e rgb(82,50,158)
```
#5a37ad
```
#5a37ad rgb(90,55,173)
```
#623bbb
```
#623bbb rgb(98,59,187)
```

Shade Color Variation

#6c46c4
```
#6c46c4 rgb(108,70,196)
```
#7855c9
```
#7855c9 rgb(120,85,201)
```
#8364ce
```
#8364ce rgb(131,100,206)
```
#8f73d3
```
#8f73d3 rgb(143,115,211)
```
#9b81d7
```
#9b81d7 rgb(155,129,215)
```
#a790dc
```
#a790dc rgb(167,144,220)
```
#b39fe1
```
#b39fe1 rgb(179,159,225)
```
#bfaee5
```
#bfaee5 rgb(191,174,229)
```
#cbbdea
```
#cbbdea rgb(203,189,234)
```
#d6ccef
```
#d6ccef rgb(214,204,239)
```
#e2dbf4
```
#e2dbf4 rgb(226,219,244)
```
#eeeaf8
```
#eeeaf8 rgb(238,234,248)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#3f3d44
```
#3f3d44 rgb(63,61,68)
```
#3d3849
```
#3d3849 rgb(61,56,73)
```
#3b334e
```
#3b334e rgb(59,51,78)
```
#392e53
```
#392e53 rgb(57,46,83)
```
#372958
```
#372958 rgb(55,41,88)
```
#35245d
```
#35245d rgb(53,36,93)
```
#331f62
```
#331f62 rgb(51,31,98)
```
#311a67
```
#311a67 rgb(49,26,103)
```
#2f156c
```
#2f156c rgb(47,21,108)
```
#2d1071
```
#2d1071 rgb(45,16,113)
```
#2b0b76
```
#2b0b76 rgb(43,11,118)
```
#29067b
```
#29067b rgb(41,6,123)
```
#270180
```
#270180 rgb(39,1,128)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2a38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003569 Protanopia 1% of men
#00385c Deuteranopia 1% of men
#2f393d Tritanopia 0.001% of the population

Trichromacy

#122d66 Protanomaly 1% of men, 0.01% of women
#122f5e Deuteranomaly 6% of men, 0.4% of women
#302f4a Tritanomaly 0.01% of the population

#331f62 hex color

#331f62 Color Information

#331f62 Color Conversion

Color Schemes with #331f62

Alternatives to #331f62

#331f62 Preview

Shades and Tints of #331f62

Tones of #331f62

Color Blindness Simulator