colorhexa.com

#331574 hex color

In a RGB color space, hex #331574 is composed of 20% red, 8.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 81.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 258.9 degrees, a saturation of 69.3% and a lightness of 26.9%. #331574 color hex could be obtained by blending #662ae8 with #000000. Closest websafe color is: #330066.

- R 20
- G 8
- B 45
RGB color chart
- C 56
- M 82
- Y 0
- K 55
CMYK color chart

● #331574 color description : Dark violet.

The hexadecimal color #331574 has RGB values of R:51, G:21, B:116 and CMYK values of C:0.56, M:0.82, Y:0, K:0.55. Its decimal value is 3347828.

Hex triplet	331574	`#331574`
RGB Decimal	51, 21, 116	`rgb(51,21,116)`
RGB Percent	20, 8.2, 45.5	`rgb(20%,8.2%,45.5%)`
CMYK	56, 82, 0, 55
HSL	258.9°, 69.3, 26.9	`hsl(258.9,69.3%,26.9%)`
HSV (or HSB)	258.9°, 81.9, 45.5
Web Safe	330066	`#330066`

CIE-LAB	17.923, 38.405, -48.681
XYZ	4.785, 2.501, 16.753
xyY	0.199, 0.104, 2.501
CIE-LCH	17.923, 62.007, 308.27
CIE-LUV	17.923, 2.087, -52.46
Hunter-Lab	15.815, 26.336, -51.737
Binary	00110011, 00010101, 01110100

#331574
```
#331574 rgb(51,21,116)
```
#567415
```
#567415 rgb(86,116,21)
```

Complementary Color

#152674
```
#152674 rgb(21,38,116)
```
#331574
```
#331574 rgb(51,21,116)
```
#631574
```
#631574 rgb(99,21,116)
```

Analogous Color

#277415
```
#277415 rgb(39,116,21)
```
#331574
```
#331574 rgb(51,21,116)
```
#746315
```
#746315 rgb(116,99,21)
```

Split Complementary Color

#157433
```
#157433 rgb(21,116,51)
```
#331574
```
#331574 rgb(51,21,116)
```
#743315
```
#743315 rgb(116,51,21)
```

Triadic Color

#170933
```
#170933 rgb(23,9,51)
```
#200d49
```
#200d49 rgb(32,13,73)
```
#2a115e
```
#2a115e rgb(42,17,94)
```
#331574
```
#331574 rgb(51,21,116)
```
#3c198a
```
#3c198a rgb(60,25,138)
```
#461d9f
```
#461d9f rgb(70,29,159)
```
#4f21b5
```
#4f21b5 rgb(79,33,181)
```

Monochromatic Color

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

#1b1574
```
#1b1574 rgb(27,21,116)
```
#231574
```
#231574 rgb(35,21,116)
```
#2b1574
```
#2b1574 rgb(43,21,116)
```
#331574
```
#331574 rgb(51,21,116)
```
#3b1574
```
#3b1574 rgb(59,21,116)
```
#431574
```
#431574 rgb(67,21,116)
```
#4b1574
```
#4b1574 rgb(75,21,116)
```

Similar Colors

Text with hexadecimal color #331574

This text has a font color of #331574.

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

#331574 background color

This paragraph has a background color of #331574.

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

#331574 border color

This element has a border color of #331574.

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

CSS codes

.text {color:#331574;}

.background {background-color:#331574;}

.border {border:1px solid #331574;}

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

#070310
```
#070310 rgb(7,3,16)
```
#0e0621
```
#0e0621 rgb(14,6,33)
```
#160932
```
#160932 rgb(22,9,50)
```
#1d0c42
```
#1d0c42 rgb(29,12,66)
```
#240f53
```
#240f53 rgb(36,15,83)
```
#2c1263
```
#2c1263 rgb(44,18,99)
```
#331574
```
#331574 rgb(51,21,116)
```
#3a1885
```
#3a1885 rgb(58,24,133)
```
#421b95
```
#421b95 rgb(66,27,149)
```
#491ea6
```
#491ea6 rgb(73,30,166)
```
#5021b6
```
#5021b6 rgb(80,33,182)
```
#5824c7
```
#5824c7 rgb(88,36,199)
```
#5f27d8
```
#5f27d8 rgb(95,39,216)
```

Shade Color Variation

#6b37db
```
#6b37db rgb(107,55,219)
```
#7748de
```
#7748de rgb(119,72,222)
```
#8459e1
```
#8459e1 rgb(132,89,225)
```
#9069e4
```
#9069e4 rgb(144,105,228)
```
#9c7ae7
```
#9c7ae7 rgb(156,122,231)
```
#a98aea
```
#a98aea rgb(169,138,234)
```
#b59bed
```
#b59bed rgb(181,155,237)
```
#c1acf0
```
#c1acf0 rgb(193,172,240)
```
#cebcf3
```
#cebcf3 rgb(206,188,243)
```
#dacdf6
```
#dacdf6 rgb(218,205,246)
```
#e6def9
```
#e6def9 rgb(230,222,249)
```
#f2eefc
```
#f2eefc rgb(242,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#433f4a
```
#433f4a rgb(67,63,74)
```
#413a4f
```
#413a4f rgb(65,58,79)
```
#3f3554
```
#3f3554 rgb(63,53,84)
```
#3d2f5a
```
#3d2f5a rgb(61,47,90)
```
#3b2a5f
```
#3b2a5f rgb(59,42,95)
```
#392564
```
#392564 rgb(57,37,100)
```
#372069
```
#372069 rgb(55,32,105)
```
#351a6f
```
#351a6f rgb(53,26,111)
```
#331574
```
#331574 rgb(51,21,116)
```
#311079
```
#311079 rgb(49,16,121)
```
#2f0a7f
```
#2f0a7f rgb(47,10,127)
```
#2d0584
```
#2d0584 rgb(45,5,132)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2538 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003567 Protanopia 1% of men
#00385a Deuteranopia 1% of men
#223a3e Tritanopia 0.001% of the population

Trichromacy

#12296c Protanomaly 1% of men, 0.01% of women
#122b63 Deuteranomaly 6% of men, 0.4% of women
#282c52 Tritanomaly 0.01% of the population