#331f69 hex color

In a RGB color space, hex #331f69 is composed of 20% red, 12.2% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 70.5% magenta, 0% yellow and 58.8% black. It has a hue angle of 256.2 degrees, a saturation of 54.4% and a lightness of 26.7%. #331f69 color hex could be obtained by blending #663ed2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 41
RGB color chart
- C 51
- M 70
- Y 0
- K 59
CMYK color chart

● #331f69 color description : Very dark violet.

The hexadecimal color #331f69 has RGB values of R:51, G:31, B:105 and CMYK values of C:0.51, M:0.7, Y:0, K:0.59. Its decimal value is 3350377.

Hex triplet	331f69	`#331f69`
RGB Decimal	51, 31, 105	`rgb(51,31,105)`
RGB Percent	20, 12.2, 41.2	`rgb(20%,12.2%,41.2%)`
CMYK	51, 70, 0, 59
HSL	256.2°, 54.4, 26.7	`hsl(256.2,54.4%,26.7%)`
HSV (or HSB)	256.2°, 70.5, 41.2
Web Safe	333366	`#333366`

CIE-LAB	18.816, 29.527, -40.079
XYZ	4.405, 2.704, 13.654
xyY	0.212, 0.13, 2.704
CIE-LCH	18.816, 49.781, 306.38
CIE-LUV	18.816, 1.765, -45.284
Hunter-Lab	16.443, 19.041, -37.723
Binary	00110011, 00011111, 01101001

#331f69
```
#331f69 rgb(51,31,105)
```
#55691f
```
#55691f rgb(85,105,31)
```

Complementary Color

#1f3069
```
#1f3069 rgb(31,48,105)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#581f69
```
#581f69 rgb(88,31,105)
```

Analogous Color

#30691f
```
#30691f rgb(48,105,31)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#69581f
```
#69581f rgb(105,88,31)
```

Split Complementary Color

#1f6933
```
#1f6933 rgb(31,105,51)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#69331f
```
#69331f rgb(105,51,31)
```

Triadic Color

#1f5569
```
#1f5569 rgb(31,85,105)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#69331f
```
#69331f rgb(105,51,31)
```
#55691f
```
#55691f rgb(85,105,31)
```

Tetradic Color

#160e2e
```
#160e2e rgb(22,14,46)
```
#201342
```
#201342 rgb(32,19,66)
```
#291955
```
#291955 rgb(41,25,85)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#3d257d
```
#3d257d rgb(61,37,125)
```
#462b90
```
#462b90 rgb(70,43,144)
```
#5030a4
```
#5030a4 rgb(80,48,164)
```

Monochromatic Color

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

#211f69
```
#211f69 rgb(33,31,105)
```
#271f69
```
#271f69 rgb(39,31,105)
```
#2d1f69
```
#2d1f69 rgb(45,31,105)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#391f69
```
#391f69 rgb(57,31,105)
```
#3f1f69
```
#3f1f69 rgb(63,31,105)
```
#461f69
```
#461f69 rgb(70,31,105)
```

Similar Colors

Text with hexadecimal color #331f69

This text has a font color of #331f69.

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

#331f69 background color

This paragraph has a background color of #331f69.

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

#331f69 border color

This element has a border color of #331f69.

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

CSS codes

.text {color:#331f69;}

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

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

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, #07040e is the darkest color, while #fefeff is the lightest one.

#07040e
```
#07040e rgb(7,4,14)
```
#0e091d
```
#0e091d rgb(14,9,29)
```
#160d2c
```
#160d2c rgb(22,13,44)
```
#1d123c
```
#1d123c rgb(29,18,60)
```
#24164b
```
#24164b rgb(36,22,75)
```
#2c1b5a
```
#2c1b5a rgb(44,27,90)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#3a2378
```
#3a2378 rgb(58,35,120)
```
#422887
```
#422887 rgb(66,40,135)
```
#492c96
```
#492c96 rgb(73,44,150)
```
#5031a6
```
#5031a6 rgb(80,49,166)
```
#5835b5
```
#5835b5 rgb(88,53,181)
```
#5f3ac4
```
#5f3ac4 rgb(95,58,196)
```

Shade Color Variation

#6b48c9
```
#6b48c9 rgb(107,72,201)
```
#7757ce
```
#7757ce rgb(119,87,206)
```
#8467d2
```
#8467d2 rgb(132,103,210)
```
#9076d6
```
#9076d6 rgb(144,118,214)
```
#9c85db
```
#9c85db rgb(156,133,219)
```
#a894df
```
#a894df rgb(168,148,223)
```
#b5a3e4
```
#b5a3e4 rgb(181,163,228)
```
#c1b2e8
```
#c1b2e8 rgb(193,178,232)
```
#cdc1ed
```
#cdc1ed rgb(205,193,237)
```
#d9d1f1
```
#d9d1f1 rgb(217,209,241)
```
#e6e0f6
```
#e6e0f6 rgb(230,224,246)
```
#f2effa
```
#f2effa rgb(242,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#444444
```
#444444 rgb(68,68,68)
```
#413e4a
```
#413e4a rgb(65,62,74)
```
#3f394f
```
#3f394f rgb(63,57,79)
```
#3d3454
```
#3d3454 rgb(61,52,84)
```
#3a2f59
```
#3a2f59 rgb(58,47,89)
```
#38295f
```
#38295f rgb(56,41,95)
```
#352464
```
#352464 rgb(53,36,100)
```
#331f69
```
#331f69 rgb(51,31,105)
```
#311a6e
```
#311a6e rgb(49,26,110)
```
#2e1573
```
#2e1573 rgb(46,21,115)
```
#2c0f79
```
#2c0f79 rgb(44,15,121)
```
#290a7e
```
#290a7e rgb(41,10,126)
```
#270583
```
#270583 rgb(39,5,131)
```

Tone Color Variation

Below, you can see how #331f69 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
#2e2a39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366b Protanopia 1% of men
#00395e Deuteranopia 1% of men
#2b3b3f Tritanopia 0.001% of the population

Trichromacy

#122e6a Protanomaly 1% of men, 0.01% of women
#123062 Deuteranomaly 6% of men, 0.4% of women
#2e304e Tritanomaly 0.01% of the population

#331f69 hex color

#331f69 Color Information

#331f69 Color Conversion

Color Schemes with #331f69

Alternatives to #331f69

#331f69 Preview

Shades and Tints of #331f69

Tones of #331f69

Color Blindness Simulator