#331f78 hex color

In a RGB color space, hex #331f78 is composed of 20% red, 12.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 74.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 253.5 degrees, a saturation of 58.9% and a lightness of 29.6%. #331f78 color hex could be obtained by blending #663ef0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 47
RGB color chart
- C 58
- M 74
- Y 0
- K 53
CMYK color chart

● #331f78 color description : Dark blue.

The hexadecimal color #331f78 has RGB values of R:51, G:31, B:120 and CMYK values of C:0.58, M:0.74, Y:0, K:0.53. Its decimal value is 3350392.

Hex triplet	331f78	`#331f78`
RGB Decimal	51, 31, 120	`rgb(51,31,120)`
RGB Percent	20, 12.2, 47.1	`rgb(20%,12.2%,47.1%)`
CMYK	58, 74, 0, 53
HSL	253.5°, 58.9, 29.6	`hsl(253.5,58.9%,29.6%)`
HSV (or HSB)	253.5°, 74.2, 47.1
Web Safe	333366	`#333366`

CIE-LAB	20.202, 34.312, -47.508
XYZ	5.245, 3.04, 18.079
xyY	0.199, 0.115, 3.04
CIE-LCH	20.202, 58.603, 305.838
CIE-LUV	20.202, 0.477, -54.621
Hunter-Lab	17.435, 23.186, -49.275
Binary	00110011, 00011111, 01111000

#331f78
```
#331f78 rgb(51,31,120)
```
#64781f
```
#64781f rgb(100,120,31)
```

Complementary Color

#1f3878
```
#1f3878 rgb(31,56,120)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#601f78
```
#601f78 rgb(96,31,120)
```

Analogous Color

#38781f
```
#38781f rgb(56,120,31)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#78601f
```
#78601f rgb(120,96,31)
```

Split Complementary Color

#1f7833
```
#1f7833 rgb(31,120,51)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#78331f
```
#78331f rgb(120,51,31)
```

Triadic Color

#1f6478
```
#1f6478 rgb(31,100,120)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#78331f
```
#78331f rgb(120,51,31)
```
#64781f
```
#64781f rgb(100,120,31)
```

Tetradic Color

#190f3b
```
#190f3b rgb(25,15,59)
```
#22154f
```
#22154f rgb(34,21,79)
```
#2a1a64
```
#2a1a64 rgb(42,26,100)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#3c248c
```
#3c248c rgb(60,36,140)
```
#4429a1
```
#4429a1 rgb(68,41,161)
```
#4d2fb5
```
#4d2fb5 rgb(77,47,181)
```

Monochromatic Color

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

#1f2178
```
#1f2178 rgb(31,33,120)
```
#241f78
```
#241f78 rgb(36,31,120)
```
#2c1f78
```
#2c1f78 rgb(44,31,120)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#3a1f78
```
#3a1f78 rgb(58,31,120)
```
#421f78
```
#421f78 rgb(66,31,120)
```
#491f78
```
#491f78 rgb(73,31,120)
```

Similar Colors

Text with hexadecimal color #331f78

This text has a font color of #331f78.

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

#331f78 background color

This paragraph has a background color of #331f78.

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

#331f78 border color

This element has a border color of #331f78.

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

CSS codes

.text {color:#331f78;}

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

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

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, #05030b is the darkest color, while #fbfafe is the lightest one.

#05030b
```
#05030b rgb(5,3,11)
```
#0b071a
```
#0b071a rgb(11,7,26)
```
#120b2a
```
#120b2a rgb(18,11,42)
```
#180f3a
```
#180f3a rgb(24,15,58)
```
#1f1349
```
#1f1349 rgb(31,19,73)
```
#261759
```
#261759 rgb(38,23,89)
```
#2c1b68
```
#2c1b68 rgb(44,27,104)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#3a2388
```
#3a2388 rgb(58,35,136)
```
#402797
```
#402797 rgb(64,39,151)
```
#472ba7
```
#472ba7 rgb(71,43,167)
```
#4e2fb6
```
#4e2fb6 rgb(78,47,182)
```
#5433c6
```
#5433c6 rgb(84,51,198)
```

Shade Color Variation

#5f3fcd
```
#5f3fcd rgb(95,63,205)
```
#6c4fd1
```
#6c4fd1 rgb(108,79,209)
```
#795ed6
```
#795ed6 rgb(121,94,214)
```
#866eda
```
#866eda rgb(134,110,218)
```
#937ede
```
#937ede rgb(147,126,222)
```
#a08de2
```
#a08de2 rgb(160,141,226)
```
#ad9de6
```
#ad9de6 rgb(173,157,230)
```
#baacea
```
#baacea rgb(186,172,234)
```
#c7bcee
```
#c7bcee rgb(199,188,238)
```
#d4ccf2
```
#d4ccf2 rgb(212,204,242)
```
#e1dbf6
```
#e1dbf6 rgb(225,219,246)
```
#eeebfa
```
#eeebfa rgb(238,235,250)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#49484f
```
#49484f rgb(73,72,79)
```
#464255
```
#464255 rgb(70,66,85)
```
#433c5b
```
#433c5b rgb(67,60,91)
```
#403661
```
#403661 rgb(64,54,97)
```
#3d3067
```
#3d3067 rgb(61,48,103)
```
#392b6c
```
#392b6c rgb(57,43,108)
```
#362572
```
#362572 rgb(54,37,114)
```
#331f78
```
#331f78 rgb(51,31,120)
```
#30197e
```
#30197e rgb(48,25,126)
```
#2d1384
```
#2d1384 rgb(45,19,132)
```
#290e89
```
#290e89 rgb(41,14,137)
```
#26088f
```
#26088f rgb(38,8,143)
```
#230295
```
#230295 rgb(35,2,149)
```

Tone Color Variation

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

#003970 Protanopia 1% of men
#003c62 Deuteranopia 1% of men
#213f44 Tritanopia 0.001% of the population

Trichromacy

#123073 Protanomaly 1% of men, 0.01% of women
#12326a Deuteranomaly 6% of men, 0.4% of women
#273357 Tritanomaly 0.01% of the population

#331f78 hex color

#331f78 Color Information

#331f78 Color Conversion

Color Schemes with #331f78

Alternatives to #331f78

#331f78 Preview

Shades and Tints of #331f78

Tones of #331f78

Color Blindness Simulator