#331e74 hex color

In a RGB color space, hex #331e74 is composed of 20% red, 11.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 74.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 254.7 degrees, a saturation of 58.9% and a lightness of 28.6%. #331e74 color hex could be obtained by blending #663ce8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 45
RGB color chart
- C 56
- M 74
- Y 0
- K 55
CMYK color chart

● #331e74 color description : Dark blue.

The hexadecimal color #331e74 has RGB values of R:51, G:30, B:116 and CMYK values of C:0.56, M:0.74, Y:0, K:0.55. Its decimal value is 3350132.

Hex triplet	331e74	`#331e74`
RGB Decimal	51, 30, 116	`rgb(51,30,116)`
RGB Percent	20, 11.8, 45.5	`rgb(20%,11.8%,45.5%)`
CMYK	56, 74, 0, 55
HSL	254.7°, 58.9, 28.6	`hsl(254.7,58.9%,28.6%)`
HSV (or HSB)	254.7°, 74.1, 45.5
Web Safe	333366	`#333366`

CIE-LAB	19.611, 33.618, -45.91
XYZ	4.981, 2.893, 16.818
xyY	0.202, 0.117, 2.893
CIE-LCH	19.611, 56.903, 306.214
CIE-LUV	19.611, 0.96, -52.231
Hunter-Lab	17.009, 22.509, -46.716
Binary	00110011, 00011110, 01110100

#331e74
```
#331e74 rgb(51,30,116)
```
#5f741e
```
#5f741e rgb(95,116,30)
```

Complementary Color

#1e3474
```
#1e3474 rgb(30,52,116)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#5e1e74
```
#5e1e74 rgb(94,30,116)
```

Analogous Color

#34741e
```
#34741e rgb(52,116,30)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#745e1e
```
#745e1e rgb(116,94,30)
```

Split Complementary Color

#1e7433
```
#1e7433 rgb(30,116,51)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#74331e
```
#74331e rgb(116,51,30)
```

Triadic Color

#1e5f74
```
#1e5f74 rgb(30,95,116)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#74331e
```
#74331e rgb(116,51,30)
```
#5f741e
```
#5f741e rgb(95,116,30)
```

Tetradic Color

#180e37
```
#180e37 rgb(24,14,55)
```
#21144b
```
#21144b rgb(33,20,75)
```
#2a1960
```
#2a1960 rgb(42,25,96)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#3c2388
```
#3c2388 rgb(60,35,136)
```
#45289d
```
#45289d rgb(69,40,157)
```
#4e2eb1
```
#4e2eb1 rgb(78,46,177)
```

Monochromatic Color

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

#1e1f74
```
#1e1f74 rgb(30,31,116)
```
#251e74
```
#251e74 rgb(37,30,116)
```
#2c1e74
```
#2c1e74 rgb(44,30,116)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#3a1e74
```
#3a1e74 rgb(58,30,116)
```
#411e74
```
#411e74 rgb(65,30,116)
```
#491e74
```
#491e74 rgb(73,30,116)
```

Similar Colors

Text with hexadecimal color #331e74

This text has a font color of #331e74.

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

#331e74 background color

This paragraph has a background color of #331e74.

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

#331e74 border color

This element has a border color of #331e74.

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

CSS codes

.text {color:#331e74;}

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

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

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

#030207
```
#030207 rgb(3,2,7)
```
#0a0616
```
#0a0616 rgb(10,6,22)
```
#110a26
```
#110a26 rgb(17,10,38)
```
#180e36
```
#180e36 rgb(24,14,54)
```
#1e1245
```
#1e1245 rgb(30,18,69)
```
#251655
```
#251655 rgb(37,22,85)
```
#2c1a64
```
#2c1a64 rgb(44,26,100)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#3a2284
```
#3a2284 rgb(58,34,132)
```
#412693
```
#412693 rgb(65,38,147)
```
#482aa3
```
#482aa3 rgb(72,42,163)
```
#4e2eb2
```
#4e2eb2 rgb(78,46,178)
```
#5532c2
```
#5532c2 rgb(85,50,194)
```

Shade Color Variation

#5f3bcc
```
#5f3bcc rgb(95,59,204)
```
#6b4bd0
```
#6b4bd0 rgb(107,75,208)
```
#785ad4
```
#785ad4 rgb(120,90,212)
```
#856ad8
```
#856ad8 rgb(133,106,216)
```
#927add
```
#927add rgb(146,122,221)
```
#9f89e1
```
#9f89e1 rgb(159,137,225)
```
#ab99e5
```
#ab99e5 rgb(171,153,229)
```
#b8a8e9
```
#b8a8e9 rgb(184,168,233)
```
#c5b8ed
```
#c5b8ed rgb(197,184,237)
```
#d2c8f1
```
#d2c8f1 rgb(210,200,241)
```
#ded7f5
```
#ded7f5 rgb(222,215,245)
```
#ebe7f9
```
#ebe7f9 rgb(235,231,249)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#47454d
```
#47454d rgb(71,69,77)
```
#444052
```
#444052 rgb(68,64,82)
```
#413a58
```
#413a58 rgb(65,58,88)
```
#3e345e
```
#3e345e rgb(62,52,94)
```
#3c2f63
```
#3c2f63 rgb(60,47,99)
```
#392969
```
#392969 rgb(57,41,105)
```
#36246e
```
#36246e rgb(54,36,110)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#30187a
```
#30187a rgb(48,24,122)
```
#2d137f
```
#2d137f rgb(45,19,127)
```
#2a0d85
```
#2a0d85 rgb(42,13,133)
```
#28088a
```
#28088a rgb(40,8,138)
```
#250290
```
#250290 rgb(37,2,144)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2b3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b60 Deuteranopia 1% of men
#243e42 Tritanopia 0.001% of the population

Trichromacy

#122e70 Protanomaly 1% of men, 0.01% of women
#123067 Deuteranomaly 6% of men, 0.4% of women
#293254 Tritanomaly 0.01% of the population

#331e74 hex color

#331e74 Color Information

#331e74 Color Conversion

Color Schemes with #331e74

Alternatives to #331e74

#331e74 Preview

Shades and Tints of #331e74

Tones of #331e74

Color Blindness Simulator