#331d60 hex color

In a RGB color space, hex #331d60 is composed of 20% red, 11.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 69.8% magenta, 0% yellow and 62.4% black. It has a hue angle of 259.7 degrees, a saturation of 53.6% and a lightness of 24.5%. #331d60 color hex could be obtained by blending #663ac0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 11
- B 38
RGB color chart
- C 47
- M 70
- Y 0
- K 62
CMYK color chart

● #331d60 color description : Very dark violet.

The hexadecimal color #331d60 has RGB values of R:51, G:29, B:96 and CMYK values of C:0.47, M:0.7, Y:0, K:0.62. Its decimal value is 3349856.

Hex triplet	331d60	`#331d60`
RGB Decimal	51, 29, 96	`rgb(51,29,96)`
RGB Percent	20, 11.4, 37.6	`rgb(20%,11.4%,37.6%)`
CMYK	47, 70, 0, 62
HSL	259.7°, 53.6, 24.5	`hsl(259.7,53.6%,24.5%)`
HSV (or HSB)	259.7°, 69.8, 37.6
Web Safe	333366	`#333366`

CIE-LAB	17.585, 27.921, -36.159
XYZ	3.916, 2.427, 11.328
xyY	0.222, 0.137, 2.427
CIE-LCH	17.585, 45.684, 307.674
CIE-LUV	17.585, 2.959, -39.862
Hunter-Lab	15.579, 17.6, -32.206
Binary	00110011, 00011101, 01100000

#331d60
```
#331d60 rgb(51,29,96)
```
#4a601d
```
#4a601d rgb(74,96,29)
```

Complementary Color

#1d2960
```
#1d2960 rgb(29,41,96)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#551d60
```
#551d60 rgb(85,29,96)
```

Analogous Color

#29601d
```
#29601d rgb(41,96,29)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#60551d
```
#60551d rgb(96,85,29)
```

Split Complementary Color

#1d6033
```
#1d6033 rgb(29,96,51)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#60331d
```
#60331d rgb(96,51,29)
```

Triadic Color

#1d4a60
```
#1d4a60 rgb(29,74,96)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#60331d
```
#60331d rgb(96,51,29)
```
#4a601d
```
#4a601d rgb(74,96,29)
```

Tetradic Color

#140b25
```
#140b25 rgb(20,11,37)
```
#1e1139
```
#1e1139 rgb(30,17,57)
```
#29174c
```
#29174c rgb(41,23,76)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#3d2374
```
#3d2374 rgb(61,35,116)
```
#482987
```
#482987 rgb(72,41,135)
```
#522f9b
```
#522f9b rgb(82,47,155)
```

Monochromatic Color

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

#221d60
```
#221d60 rgb(34,29,96)
```
#281d60
```
#281d60 rgb(40,29,96)
```
#2d1d60
```
#2d1d60 rgb(45,29,96)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#391d60
```
#391d60 rgb(57,29,96)
```
#3e1d60
```
#3e1d60 rgb(62,29,96)
```
#441d60
```
#441d60 rgb(68,29,96)
```

Similar Colors

Text with hexadecimal color #331d60

This text has a font color of #331d60.

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

#331d60 background color

This paragraph has a background color of #331d60.

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

#331d60 border color

This element has a border color of #331d60.

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

CSS codes

.text {color:#331d60;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0615
```
#0b0615 rgb(11,6,21)
```
#130b24
```
#130b24 rgb(19,11,36)
```
#1b0f33
```
#1b0f33 rgb(27,15,51)
```
#231442
```
#231442 rgb(35,20,66)
```
#2b1851
```
#2b1851 rgb(43,24,81)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#3b226f
```
#3b226f rgb(59,34,111)
```
#43267e
```
#43267e rgb(67,38,126)
```
#4b2b8d
```
#4b2b8d rgb(75,43,141)
```
#532f9c
```
#532f9c rgb(83,47,156)
```
#5b34ab
```
#5b34ab rgb(91,52,171)
```
#6338ba
```
#6338ba rgb(99,56,186)
```

Shade Color Variation

#6c41c6
```
#6c41c6 rgb(108,65,198)
```
#7850ca
```
#7850ca rgb(120,80,202)
```
#845fcf
```
#845fcf rgb(132,95,207)
```
#8f6ed3
```
#8f6ed3 rgb(143,110,211)
```
#9b7dd8
```
#9b7dd8 rgb(155,125,216)
```
#a68cdc
```
#a68cdc rgb(166,140,220)
```
#b29be1
```
#b29be1 rgb(178,155,225)
```
#beaae5
```
#beaae5 rgb(190,170,229)
```
#c9b9ea
```
#c9b9ea rgb(201,185,234)
```
#d5c8ee
```
#d5c8ee rgb(213,200,238)
```
#e0d7f3
```
#e0d7f3 rgb(224,215,243)
```
#ece6f8
```
#ece6f8 rgb(236,230,248)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#3d3a43
```
#3d3a43 rgb(61,58,67)
```
#3b3548
```
#3b3548 rgb(59,53,72)
```
#3a304d
```
#3a304d rgb(58,48,77)
```
#382b52
```
#382b52 rgb(56,43,82)
```
#362756
```
#362756 rgb(54,39,86)
```
#35225b
```
#35225b rgb(53,34,91)
```
#331d60
```
#331d60 rgb(51,29,96)
```
#311865
```
#311865 rgb(49,24,101)
```
#30136a
```
#30136a rgb(48,19,106)
```
#2e0f6e
```
#2e0f6e rgb(46,15,110)
```
#2c0a73
```
#2c0a73 rgb(44,10,115)
```
#2b0578
```
#2b0578 rgb(43,5,120)
```
#29007d
```
#29007d rgb(41,0,125)
```

Tone Color Variation

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

Dichromacy

#003466 Protanopia 1% of men
#00375a Deuteranopia 1% of men
#2f373b Tritanopia 0.001% of the population

Trichromacy

#122b64 Protanomaly 1% of men, 0.01% of women
#122d5c Deuteranomaly 6% of men, 0.4% of women
#302d48 Tritanomaly 0.01% of the population

#331d60 hex color

#331d60 Color Information

#331d60 Color Conversion

Color Schemes with #331d60

Alternatives to #331d60

#331d60 Preview

Shades and Tints of #331d60

Tones of #331d60

Color Blindness Simulator