#331f7b hex color

In a RGB color space, hex #331f7b is composed of 20% red, 12.2% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 74.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 253 degrees, a saturation of 59.7% and a lightness of 30.2%. #331f7b color hex could be obtained by blending #663ef6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 48
RGB color chart
- C 59
- M 75
- Y 0
- K 52
CMYK color chart

● #331f7b color description : Dark blue.

The hexadecimal color #331f7b has RGB values of R:51, G:31, B:123 and CMYK values of C:0.59, M:0.75, Y:0, K:0.52. Its decimal value is 3350395.

Hex triplet	331f7b	`#331f7b`
RGB Decimal	51, 31, 123	`rgb(51,31,123)`
RGB Percent	20, 12.2, 48.2	`rgb(20%,12.2%,48.2%)`
CMYK	59, 75, 0, 52
HSL	253°, 59.7, 30.2	`hsl(253,59.7%,30.2%)`
HSV (or HSB)	253°, 74.8, 48.2
Web Safe	333366	`#333366`

CIE-LAB	20.494, 35.268, -48.945
XYZ	5.43, 3.114, 19.053
xyY	0.197, 0.113, 3.114
CIE-LCH	20.494, 60.328, 305.775
CIE-LUV	20.494, 0.235, -56.462
Hunter-Lab	17.646, 24.046, -51.666
Binary	00110011, 00011111, 01111011

#331f7b
```
#331f7b rgb(51,31,123)
```
#677b1f
```
#677b1f rgb(103,123,31)
```

Complementary Color

#1f397b
```
#1f397b rgb(31,57,123)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#611f7b
```
#611f7b rgb(97,31,123)
```

Analogous Color

#397b1f
```
#397b1f rgb(57,123,31)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#7b611f
```
#7b611f rgb(123,97,31)
```

Split Complementary Color

#1f7b33
```
#1f7b33 rgb(31,123,51)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#7b331f
```
#7b331f rgb(123,51,31)
```

Triadic Color

#1f677b
```
#1f677b rgb(31,103,123)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#7b331f
```
#7b331f rgb(123,51,31)
```
#677b1f
```
#677b1f rgb(103,123,31)
```

Tetradic Color

#1a103e
```
#1a103e rgb(26,16,62)
```
#221552
```
#221552 rgb(34,21,82)
```
#2b1a67
```
#2b1a67 rgb(43,26,103)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#3b248f
```
#3b248f rgb(59,36,143)
```
#4429a4
```
#4429a4 rgb(68,41,164)
```
#4c2eb8
```
#4c2eb8 rgb(76,46,184)
```

Monochromatic Color

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

#1f227b
```
#1f227b rgb(31,34,123)
```
#241f7b
```
#241f7b rgb(36,31,123)
```
#2b1f7b
```
#2b1f7b rgb(43,31,123)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#3b1f7b
```
#3b1f7b rgb(59,31,123)
```
#421f7b
```
#421f7b rgb(66,31,123)
```
#4a1f7b
```
#4a1f7b rgb(74,31,123)
```

Similar Colors

Text with hexadecimal color #331f7b

This text has a font color of #331f7b.

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

#331f7b background color

This paragraph has a background color of #331f7b.

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

#331f7b border color

This element has a border color of #331f7b.

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

CSS codes

.text {color:#331f7b;}

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

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

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)
```
#190f3c
```
#190f3c rgb(25,15,60)
```
#20134c
```
#20134c rgb(32,19,76)
```
#26175c
```
#26175c rgb(38,23,92)
```
#2d1b6b
```
#2d1b6b rgb(45,27,107)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#39238b
```
#39238b rgb(57,35,139)
```
#40279a
```
#40279a rgb(64,39,154)
```
#462baa
```
#462baa rgb(70,43,170)
```
#4d2fba
```
#4d2fba rgb(77,47,186)
```
#5333c9
```
#5333c9 rgb(83,51,201)
```

Shade Color Variation

#6041cf
```
#6041cf rgb(96,65,207)
```
#6d50d3
```
#6d50d3 rgb(109,80,211)
```
#7a60d7
```
#7a60d7 rgb(122,96,215)
```
#8770db
```
#8770db rgb(135,112,219)
```
#947fdf
```
#947fdf rgb(148,127,223)
```
#a18fe3
```
#a18fe3 rgb(161,143,227)
```
#ae9fe7
```
#ae9fe7 rgb(174,159,231)
```
#bbaeeb
```
#bbaeeb rgb(187,174,235)
```
#c9beef
```
#c9beef rgb(201,190,239)
```
#d6cef3
```
#d6cef3 rgb(214,206,243)
```
#e3ddf7
```
#e3ddf7 rgb(227,221,247)
```
#f0edfa
```
#f0edfa rgb(240,237,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4a4852
```
#4a4852 rgb(74,72,82)
```
#474357
```
#474357 rgb(71,67,87)
```
#443d5d
```
#443d5d rgb(68,61,93)
```
#403763
```
#403763 rgb(64,55,99)
```
#3d3169
```
#3d3169 rgb(61,49,105)
```
#3a2b6f
```
#3a2b6f rgb(58,43,111)
```
#362575
```
#362575 rgb(54,37,117)
```
#331f7b
```
#331f7b rgb(51,31,123)
```
#301981
```
#301981 rgb(48,25,129)
```
#2c1387
```
#2c1387 rgb(44,19,135)
```
#290d8d
```
#290d8d rgb(41,13,141)
```
#260793
```
#260793 rgb(38,7,147)
```
#220199
```
#220199 rgb(34,1,153)
```

Tone Color Variation

Below, you can see how #331f7b 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
#003d63 Deuteranopia 1% of men
#1e4045 Tritanopia 0.001% of the population

Trichromacy

#123075 Protanomaly 1% of men, 0.01% of women
#12326b Deuteranomaly 6% of men, 0.4% of women
#253458 Tritanomaly 0.01% of the population

#331f7b hex color

#331f7b Color Information

#331f7b Color Conversion

Color Schemes with #331f7b

Alternatives to #331f7b

#331f7b Preview

Shades and Tints of #331f7b

Tones of #331f7b

Color Blindness Simulator