colorhexa.com

#331c77 hex color

In a RGB color space, hex #331c77 is composed of 20% red, 11% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 76.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 255.2 degrees, a saturation of 61.9% and a lightness of 28.8%. #331c77 color hex could be obtained by blending #6638ee with #000000. Closest websafe color is: #333366.

- R 20
- G 11
- B 47
RGB color chart
- C 57
- M 76
- Y 0
- K 53
CMYK color chart

● #331c77 color description : Dark violet.

The hexadecimal color #331c77 has RGB values of R:51, G:28, B:119 and CMYK values of C:0.57, M:0.76, Y:0, K:0.53. Its decimal value is 3349623.

Hex triplet	331c77	`#331c77`
RGB Decimal	51, 28, 119	`rgb(51,28,119)`
RGB Percent	20, 11, 46.7	`rgb(20%,11%,46.7%)`
CMYK	57, 76, 0, 53
HSL	255.2°, 61.9, 28.8	`hsl(255.2,61.9%,28.8%)`
HSV (or HSB)	255.2°, 76.5, 46.7
Web Safe	333366	`#333366`

CIE-LAB	19.499, 35.692, -48.02
XYZ	5.11, 2.866, 17.736
xyY	0.199, 0.111, 2.866
CIE-LCH	19.499, 59.832, 306.622
CIE-LUV	19.499, 0.99, -54.176
Hunter-Lab	16.93, 24.248, -50.263
Binary	00110011, 00011100, 01110111

#331c77
```
#331c77 rgb(51,28,119)
```
#60771c
```
#60771c rgb(96,119,28)
```

Complementary Color

#1c3377
```
#1c3377 rgb(28,51,119)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#611c77
```
#611c77 rgb(97,28,119)
```

Analogous Color

#33771c
```
#33771c rgb(51,119,28)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#77611c
```
#77611c rgb(119,97,28)
```

Split Complementary Color

#1c7733
```
#1c7733 rgb(28,119,51)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#77331c
```
#77331c rgb(119,51,28)
```

Triadic Color

#180d39
```
#180d39 rgb(24,13,57)
```
#21124e
```
#21124e rgb(33,18,78)
```
#2a1762
```
#2a1762 rgb(42,23,98)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#3c218c
```
#3c218c rgb(60,33,140)
```
#4526a0
```
#4526a0 rgb(69,38,160)
```
#4e2bb5
```
#4e2bb5 rgb(78,43,181)
```

Monochromatic Color

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

#1c1c77
```
#1c1c77 rgb(28,28,119)
```
#241c77
```
#241c77 rgb(36,28,119)
```
#2b1c77
```
#2b1c77 rgb(43,28,119)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#3b1c77
```
#3b1c77 rgb(59,28,119)
```
#421c77
```
#421c77 rgb(66,28,119)
```
#4a1c77
```
#4a1c77 rgb(74,28,119)
```

Similar Colors

Text with hexadecimal color #331c77

This text has a font color of #331c77.

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

#331c77 background color

This paragraph has a background color of #331c77.

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

#331c77 border color

This element has a border color of #331c77.

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

CSS codes

.text {color:#331c77;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#0a0618
```
#0a0618 rgb(10,6,24)
```
#110928
```
#110928 rgb(17,9,40)
```
#180d37
```
#180d37 rgb(24,13,55)
```
#1f1147
```
#1f1147 rgb(31,17,71)
```
#251557
```
#251557 rgb(37,21,87)
```
#2c1867
```
#2c1867 rgb(44,24,103)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#3a2087
```
#3a2087 rgb(58,32,135)
```
#412397
```
#412397 rgb(65,35,151)
```
#4727a7
```
#4727a7 rgb(71,39,167)
```
#4e2bb7
```
#4e2bb7 rgb(78,43,183)
```
#552fc6
```
#552fc6 rgb(85,47,198)
```

Shade Color Variation

#5f38d0
```
#5f38d0 rgb(95,56,208)
```
#6c48d4
```
#6c48d4 rgb(108,72,212)
```
#7858d8
```
#7858d8 rgb(120,88,216)
```
#8568db
```
#8568db rgb(133,104,219)
```
#9278df
```
#9278df rgb(146,120,223)
```
#9f88e3
```
#9f88e3 rgb(159,136,227)
```
#ac98e7
```
#ac98e7 rgb(172,152,231)
```
#b8a8ea
```
#b8a8ea rgb(184,168,234)
```
#c5b7ee
```
#c5b7ee rgb(197,183,238)
```
#d2c7f2
```
#d2c7f2 rgb(210,199,242)
```
#dfd7f6
```
#dfd7f6 rgb(223,215,246)
```
#ece7f9
```
#ece7f9 rgb(236,231,249)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

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

#49494a
```
#49494a rgb(73,73,74)
```
#47444f
```
#47444f rgb(71,68,79)
```
#443e55
```
#443e55 rgb(68,62,85)
```
#41385b
```
#41385b rgb(65,56,91)
```
#3e3360
```
#3e3360 rgb(62,51,96)
```
#3b2d66
```
#3b2d66 rgb(59,45,102)
```
#39276c
```
#39276c rgb(57,39,108)
```
#362271
```
#362271 rgb(54,34,113)
```
#331c77
```
#331c77 rgb(51,28,119)
```
#30167d
```
#30167d rgb(48,22,125)
```
#2d1182
```
#2d1182 rgb(45,17,130)
```
#2b0b88
```
#2b0b88 rgb(43,11,136)
```
#28058e
```
#28058e rgb(40,5,142)
```

Tone Color Variation

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

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#213e42 Tritanopia 0.001% of the population

Trichromacy

#122e71 Protanomaly 1% of men, 0.01% of women
#123068 Deuteranomaly 6% of men, 0.4% of women
#273155 Tritanomaly 0.01% of the population