colorhexa.com

#331774 hex color

In a RGB color space, hex #331774 is composed of 20% red, 9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 80.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 258.1 degrees, a saturation of 66.9% and a lightness of 27.3%. #331774 color hex could be obtained by blending #662ee8 with #000000. Closest websafe color is: #330066.

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

● #331774 color description : Dark violet.

The hexadecimal color #331774 has RGB values of R:51, G:23, B:116 and CMYK values of C:0.56, M:0.8, Y:0, K:0.55. Its decimal value is 3348340.

Hex triplet	331774	`#331774`
RGB Decimal	51, 23, 116	`rgb(51,23,116)`
RGB Percent	20, 9, 45.5	`rgb(20%,9%,45.5%)`
CMYK	56, 80, 0, 55
HSL	258.1°, 66.9, 27.3	`hsl(258.1,66.9%,27.3%)`
HSV (or HSB)	258.1°, 80.2, 45.5
Web Safe	330066	`#330066`

CIE-LAB	18.265, 37.42, -48.118
XYZ	4.823, 2.577, 16.765
xyY	0.2, 0.107, 2.577
CIE-LCH	18.265, 60.956, 307.871
CIE-LUV	18.265, 1.874, -52.472
Hunter-Lab	16.054, 25.534, -50.677
Binary	00110011, 00010111, 01110100

#331774
```
#331774 rgb(51,23,116)
```
#587417
```
#587417 rgb(88,116,23)
```

Complementary Color

#172974
```
#172974 rgb(23,41,116)
```
#331774
```
#331774 rgb(51,23,116)
```
#621774
```
#621774 rgb(98,23,116)
```

Analogous Color

#297417
```
#297417 rgb(41,116,23)
```
#331774
```
#331774 rgb(51,23,116)
```
#746217
```
#746217 rgb(116,98,23)
```

Split Complementary Color

#177433
```
#177433 rgb(23,116,51)
```
#331774
```
#331774 rgb(51,23,116)
```
#743317
```
#743317 rgb(116,51,23)
```

Triadic Color

#170a34
```
#170a34 rgb(23,10,52)
```
#200f49
```
#200f49 rgb(32,15,73)
```
#2a135f
```
#2a135f rgb(42,19,95)
```
#331774
```
#331774 rgb(51,23,116)
```
#3c1b89
```
#3c1b89 rgb(60,27,137)
```
#461f9f
```
#461f9f rgb(70,31,159)
```
#4f24b4
```
#4f24b4 rgb(79,36,180)
```

Monochromatic Color

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

#1c1774
```
#1c1774 rgb(28,23,116)
```
#241774
```
#241774 rgb(36,23,116)
```
#2b1774
```
#2b1774 rgb(43,23,116)
```
#331774
```
#331774 rgb(51,23,116)
```
#3b1774
```
#3b1774 rgb(59,23,116)
```
#431774
```
#431774 rgb(67,23,116)
```
#4a1774
```
#4a1774 rgb(74,23,116)
```

Similar Colors

Text with hexadecimal color #331774

This text has a font color of #331774.

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

#331774 background color

This paragraph has a background color of #331774.

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

#331774 border color

This element has a border color of #331774.

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

CSS codes

.text {color:#331774;}

.background {background-color:#331774;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#080412
```
#080412 rgb(8,4,18)
```
#0f0722
```
#0f0722 rgb(15,7,34)
```
#160a33
```
#160a33 rgb(22,10,51)
```
#1d0d43
```
#1d0d43 rgb(29,13,67)
```
#251153
```
#251153 rgb(37,17,83)
```
#2c1464
```
#2c1464 rgb(44,20,100)
```
#331774
```
#331774 rgb(51,23,116)
```
#3a1a84
```
#3a1a84 rgb(58,26,132)
```
#411d95
```
#411d95 rgb(65,29,149)
```
#4921a5
```
#4921a5 rgb(73,33,165)
```
#5024b5
```
#5024b5 rgb(80,36,181)
```
#5727c6
```
#5727c6 rgb(87,39,198)
```

Shade Color Variation

#5f2cd5
```
#5f2cd5 rgb(95,44,213)
```
#6b3cd8
```
#6b3cd8 rgb(107,60,216)
```
#774cdc
```
#774cdc rgb(119,76,220)
```
#845ddf
```
#845ddf rgb(132,93,223)
```
#906de2
```
#906de2 rgb(144,109,226)
```
#9d7de5
```
#9d7de5 rgb(157,125,229)
```
#a98ee9
```
#a98ee9 rgb(169,142,233)
```
#b69eec
```
#b69eec rgb(182,158,236)
```
#c2afef
```
#c2afef rgb(194,175,239)
```
#cebff2
```
#cebff2 rgb(206,191,242)
```
#dbcff6
```
#dbcff6 rgb(219,207,246)
```
#e7e0f9
```
#e7e0f9 rgb(231,224,249)
```
#f4f0fc
```
#f4f0fc rgb(244,240,252)
```

Tint Color Variation

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

#444249
```
#444249 rgb(68,66,73)
```
#423c4f
```
#423c4f rgb(66,60,79)
```
#403754
```
#403754 rgb(64,55,84)
```
#3e3259
```
#3e3259 rgb(62,50,89)
```
#3c2c5f
```
#3c2c5f rgb(60,44,95)
```
#392764
```
#392764 rgb(57,39,100)
```
#372269
```
#372269 rgb(55,34,105)
```
#351c6f
```
#351c6f rgb(53,28,111)
```
#331774
```
#331774 rgb(51,23,116)
```
#311279
```
#311279 rgb(49,18,121)
```
#2f0c7f
```
#2f0c7f rgb(47,12,127)
```
#2d0784
```
#2d0784 rgb(45,7,132)
```
#2a0289
```
#2a0289 rgb(42,2,137)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2c2639 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003568 Protanopia 1% of men
#00385b Deuteranopia 1% of men
#233b3f Tritanopia 0.001% of the population

Trichromacy

#122a6c Protanomaly 1% of men, 0.01% of women
#122c64 Deuteranomaly 6% of men, 0.4% of women
#282d52 Tritanomaly 0.01% of the population