#331e7c hex color

In a RGB color space, hex #331e7c is composed of 20% red, 11.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 75.8% magenta, 0% yellow and 51.4% black. It has a hue angle of 253.4 degrees, a saturation of 61% and a lightness of 30.2%. #331e7c color hex could be obtained by blending #663cf8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 49
RGB color chart
- C 59
- M 76
- Y 0
- K 51
CMYK color chart

● #331e7c color description : Dark blue.

The hexadecimal color #331e7c has RGB values of R:51, G:30, B:124 and CMYK values of C:0.59, M:0.76, Y:0, K:0.51. Its decimal value is 3350140.

Hex triplet	331e7c	`#331e7c`
RGB Decimal	51, 30, 124	`rgb(51,30,124)`
RGB Percent	20, 11.8, 48.6	`rgb(20%,11.8%,48.6%)`
CMYK	59, 76, 0, 51
HSL	253.4°, 61, 30.2	`hsl(253.4,61%,30.2%)`
HSV (or HSB)	253.4°, 75.8, 48.6
Web Safe	333366	`#333366`

CIE-LAB	20.391, 36.15, -49.751
XYZ	5.467, 3.087, 19.376
xyY	0.196, 0.111, 3.087
CIE-LCH	20.391, 61.498, 306.003
CIE-LUV	20.391, 0.299, -57.127
Hunter-Lab	17.571, 24.788, -53.079
Binary	00110011, 00011110, 01111100

#331e7c
```
#331e7c rgb(51,30,124)
```
#677c1e
```
#677c1e rgb(103,124,30)
```

Complementary Color

#1e387c
```
#1e387c rgb(30,56,124)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#621e7c
```
#621e7c rgb(98,30,124)
```

Analogous Color

#387c1e
```
#387c1e rgb(56,124,30)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#7c621e
```
#7c621e rgb(124,98,30)
```

Split Complementary Color

#1e7c33
```
#1e7c33 rgb(30,124,51)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#7c331e
```
#7c331e rgb(124,51,30)
```

Triadic Color

#1e677c
```
#1e677c rgb(30,103,124)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#7c331e
```
#7c331e rgb(124,51,30)
```
#677c1e
```
#677c1e rgb(103,124,30)
```

Tetradic Color

#1a0f3e
```
#1a0f3e rgb(26,15,62)
```
#221453
```
#221453 rgb(34,20,83)
```
#2b1967
```
#2b1967 rgb(43,25,103)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#3b2391
```
#3b2391 rgb(59,35,145)
```
#4428a5
```
#4428a5 rgb(68,40,165)
```
#4c2dba
```
#4c2dba rgb(76,45,186)
```

Monochromatic Color

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

#1e217c
```
#1e217c rgb(30,33,124)
```
#231e7c
```
#231e7c rgb(35,30,124)
```
#2b1e7c
```
#2b1e7c rgb(43,30,124)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#3b1e7c
```
#3b1e7c rgb(59,30,124)
```
#431e7c
```
#431e7c rgb(67,30,124)
```
#4b1e7c
```
#4b1e7c rgb(75,30,124)
```

Similar Colors

Text with hexadecimal color #331e7c

This text has a font color of #331e7c.

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

#331e7c background color

This paragraph has a background color of #331e7c.

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

#331e7c border color

This element has a border color of #331e7c.

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

CSS codes

.text {color:#331e7c;}

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

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

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, #06030d is the darkest color, while #fdfdfe is the lightest one.

#06030d
```
#06030d rgb(6,3,13)
```
#0c071d
```
#0c071d rgb(12,7,29)
```
#130b2d
```
#130b2d rgb(19,11,45)
```
#190f3d
```
#190f3d rgb(25,15,61)
```
#20134d
```
#20134d rgb(32,19,77)
```
#26165c
```
#26165c rgb(38,22,92)
```
#2d1a6c
```
#2d1a6c rgb(45,26,108)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#39228c
```
#39228c rgb(57,34,140)
```
#40269c
```
#40269c rgb(64,38,156)
```
#4629ab
```
#4629ab rgb(70,41,171)
```
#4d2dbb
```
#4d2dbb rgb(77,45,187)
```
#5331cb
```
#5331cb rgb(83,49,203)
```

Shade Color Variation

#603fd1
```
#603fd1 rgb(96,63,209)
```
#6d4fd4
```
#6d4fd4 rgb(109,79,212)
```
#7a5fd8
```
#7a5fd8 rgb(122,95,216)
```
#876edc
```
#876edc rgb(135,110,220)
```
#947ee0
```
#947ee0 rgb(148,126,224)
```
#a18ee4
```
#a18ee4 rgb(161,142,228)
```
#ae9ee8
```
#ae9ee8 rgb(174,158,232)
```
#bbaeeb
```
#bbaeeb rgb(187,174,235)
```
#c9bdef
```
#c9bdef rgb(201,189,239)
```
#d6cdf3
```
#d6cdf3 rgb(214,205,243)
```
#e3ddf7
```
#e3ddf7 rgb(227,221,247)
```
#f0edfb
```
#f0edfb rgb(240,237,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4a4753
```
#4a4753 rgb(74,71,83)
```
#474258
```
#474258 rgb(71,66,88)
```
#433c5e
```
#433c5e rgb(67,60,94)
```
#403664
```
#403664 rgb(64,54,100)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#3a2a70
```
#3a2a70 rgb(58,42,112)
```
#362476
```
#362476 rgb(54,36,118)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#301882
```
#301882 rgb(48,24,130)
```
#2c1288
```
#2c1288 rgb(44,18,136)
```
#290c8e
```
#290c8e rgb(41,12,142)
```
#260694
```
#260694 rgb(38,6,148)
```
#23009a
```
#23009a rgb(35,0,154)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#302c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a71 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#1c4045 Tritanopia 0.001% of the population

Trichromacy

#122f75 Protanomaly 1% of men, 0.01% of women
#12316b Deuteranomaly 6% of men, 0.4% of women
#243459 Tritanomaly 0.01% of the population

#331e7c hex color

#331e7c Color Information

#331e7c Color Conversion

Color Schemes with #331e7c

Alternatives to #331e7c

#331e7c Preview

Shades and Tints of #331e7c

Tones of #331e7c

Color Blindness Simulator