#331fb4 hex color

In a RGB color space, hex #331fb4 is composed of 20% red, 12.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 82.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 248.1 degrees, a saturation of 70.6% and a lightness of 41.4%. #331fb4 color hex could be obtained by blending #663eff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 12
- B 71
RGB color chart
- C 72
- M 83
- Y 0
- K 29
CMYK color chart

● #331fb4 color description : Strong blue.

The hexadecimal color #331fb4 has RGB values of R:51, G:31, B:180 and CMYK values of C:0.72, M:0.83, Y:0, K:0.29. Its decimal value is 3350452.

Hex triplet	331fb4	`#331fb4`
RGB Decimal	51, 31, 180	`rgb(51,31,180)`
RGB Percent	20, 12.2, 70.6	`rgb(20%,12.2%,70.6%)`
CMYK	72, 83, 0, 29
HSL	248.1°, 70.6, 41.4	`hsl(248.1,70.6%,41.4%)`
HSV (or HSB)	248.1°, 82.8, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.674, 52.826, -73.846
XYZ	10.092, 4.979, 43.607
xyY	0.172, 0.085, 4.979
CIE-LCH	26.674, 90.796, 305.578
CIE-LUV	26.674, -3.675, -90.331
Hunter-Lab	22.313, 41.687, -100.254
Binary	00110011, 00011111, 10110100

#331fb4
```
#331fb4 rgb(51,31,180)
```
#a0b41f
```
#a0b41f rgb(160,180,31)
```

Complementary Color

#1f56b4
```
#1f56b4 rgb(31,86,180)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#7e1fb4
```
#7e1fb4 rgb(126,31,180)
```

Analogous Color

#56b41f
```
#56b41f rgb(86,180,31)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#b47e1f
```
#b47e1f rgb(180,126,31)
```

Split Complementary Color

#1fb433
```
#1fb433 rgb(31,180,51)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#b4331f
```
#b4331f rgb(180,51,31)
```

Triadic Color

#1fa0b4
```
#1fa0b4 rgb(31,160,180)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#b4331f
```
#b4331f rgb(180,51,31)
```
#a0b41f
```
#a0b41f rgb(160,180,31)
```

Tetradic Color

#211473
```
#211473 rgb(33,20,115)
```
#271888
```
#271888 rgb(39,24,136)
```
#2d1b9e
```
#2d1b9e rgb(45,27,158)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#3923ca
```
#3923ca rgb(57,35,202)
```
#432bdb
```
#432bdb rgb(67,43,219)
```
#5641de
```
#5641de rgb(86,65,222)
```

Monochromatic Color

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

#1f30b4
```
#1f30b4 rgb(31,48,180)
```
#1f24b4
```
#1f24b4 rgb(31,36,180)
```
#271fb4
```
#271fb4 rgb(39,31,180)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#3f1fb4
```
#3f1fb4 rgb(63,31,180)
```
#4c1fb4
```
#4c1fb4 rgb(76,31,180)
```
#581fb4
```
#581fb4 rgb(88,31,180)
```

Similar Colors

Text with hexadecimal color #331fb4

This text has a font color of #331fb4.

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

#331fb4 background color

This paragraph has a background color of #331fb4.

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

#331fb4 border color

This element has a border color of #331fb4.

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

CSS codes

.text {color:#331fb4;}

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

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

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

#04020d
```
#04020d rgb(4,2,13)
```
#08051d
```
#08051d rgb(8,5,29)
```
#0d082e
```
#0d082e rgb(13,8,46)
```
#120b3f
```
#120b3f rgb(18,11,63)
```
#170e50
```
#170e50 rgb(23,14,80)
```
#1b1160
```
#1b1160 rgb(27,17,96)
```
#201371
```
#201371 rgb(32,19,113)
```
#251682
```
#251682 rgb(37,22,130)
```
#2a1993
```
#2a1993 rgb(42,25,147)
```
#2e1ca3
```
#2e1ca3 rgb(46,28,163)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#3822c5
```
#3822c5 rgb(56,34,197)
```
#3c25d5
```
#3c25d5 rgb(60,37,213)
```

Shade Color Variation

#4932dc
```
#4932dc rgb(73,50,220)
```
#5843df
```
#5843df rgb(88,67,223)
```
#6754e1
```
#6754e1 rgb(103,84,225)
```
#7664e4
```
#7664e4 rgb(118,100,228)
```
#8475e7
```
#8475e7 rgb(132,117,231)
```
#9386ea
```
#9386ea rgb(147,134,234)
```
#a297ed
```
#a297ed rgb(162,151,237)
```
#b1a7f0
```
#b1a7f0 rgb(177,167,240)
```
#c0b8f3
```
#c0b8f3 rgb(192,184,243)
```
#cfc9f6
```
#cfc9f6 rgb(207,201,246)
```
#ded9f9
```
#ded9f9 rgb(222,217,249)
```
#edeafb
```
#edeafb rgb(237,234,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68686b is the less saturated color, while #2107cc is the most saturated one.

#68686b
```
#68686b rgb(104,104,107)
```
#626073
```
#626073 rgb(98,96,115)
```
#5d587b
```
#5d587b rgb(93,88,123)
```
#575083
```
#575083 rgb(87,80,131)
```
#51488b
```
#51488b rgb(81,72,139)
```
#4b3f94
```
#4b3f94 rgb(75,63,148)
```
#45379c
```
#45379c rgb(69,55,156)
```
#3f2fa4
```
#3f2fa4 rgb(63,47,164)
```
#3927ac
```
#3927ac rgb(57,39,172)
```
#331fb4
```
#331fb4 rgb(51,31,180)
```
#2d17bc
```
#2d17bc rgb(45,23,188)
```
#270fc4
```
#270fc4 rgb(39,15,196)
```
#2107cc
```
#2107cc rgb(33,7,204)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35314f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004789 Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#123899 Protanomaly 1% of men, 0.01% of women
#123b8d Deuteranomaly 6% of men, 0.4% of women
#123e77 Tritanomaly 0.01% of the population

#331fb4 hex color

#331fb4 Color Information

#331fb4 Color Conversion

Color Schemes with #331fb4

Alternatives to #331fb4

#331fb4 Preview

Shades and Tints of #331fb4

Tones of #331fb4

Color Blindness Simulator