#331eb4 hex color

In a RGB color space, hex #331eb4 is composed of 20% red, 11.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 83.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 248.4 degrees, a saturation of 71.4% and a lightness of 41.2%. #331eb4 color hex could be obtained by blending #663cff 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

● #331eb4 color description : Strong blue.

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

Hex triplet	331eb4	`#331eb4`
RGB Decimal	51, 30, 180	`rgb(51,30,180)`
RGB Percent	20, 11.8, 70.6	`rgb(20%,11.8%,70.6%)`
CMYK	72, 83, 0, 29
HSL	248.4°, 71.4, 41.2	`hsl(248.4,71.4%,41.2%)`
HSV (or HSB)	248.4°, 83.3, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.526, 53.26, -74.091
XYZ	10.066, 4.927, 43.598
xyY	0.172, 0.084, 4.927
CIE-LCH	26.526, 91.247, 305.71
CIE-LUV	26.526, -3.572, -90.3
Hunter-Lab	22.197, 42.103, -100.915
Binary	00110011, 00011110, 10110100

#331eb4
```
#331eb4 rgb(51,30,180)
```
#9fb41e
```
#9fb41e rgb(159,180,30)
```

Complementary Color

#1e54b4
```
#1e54b4 rgb(30,84,180)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#7e1eb4
```
#7e1eb4 rgb(126,30,180)
```

Analogous Color

#54b41e
```
#54b41e rgb(84,180,30)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#b47e1e
```
#b47e1e rgb(180,126,30)
```

Split Complementary Color

#1eb433
```
#1eb433 rgb(30,180,51)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#b4331e
```
#b4331e rgb(180,51,30)
```

Triadic Color

#1e9fb4
```
#1e9fb4 rgb(30,159,180)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#b4331e
```
#b4331e rgb(180,51,30)
```
#9fb41e
```
#9fb41e rgb(159,180,30)
```

Tetradic Color

#201372
```
#201372 rgb(32,19,114)
```
#271788
```
#271788 rgb(39,23,136)
```
#2d1a9e
```
#2d1a9e rgb(45,26,158)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#3922ca
```
#3922ca rgb(57,34,202)
```
#422adb
```
#422adb rgb(66,42,219)
```
#563fdf
```
#563fdf rgb(86,63,223)
```

Monochromatic Color

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

#1e2fb4
```
#1e2fb4 rgb(30,47,180)
```
#1e22b4
```
#1e22b4 rgb(30,34,180)
```
#261eb4
```
#261eb4 rgb(38,30,180)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#3f1eb4
```
#3f1eb4 rgb(63,30,180)
```
#4c1eb4
```
#4c1eb4 rgb(76,30,180)
```
#591eb4
```
#591eb4 rgb(89,30,180)
```

Similar Colors

Text with hexadecimal color #331eb4

This text has a font color of #331eb4.

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

#331eb4 background color

This paragraph has a background color of #331eb4.

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

#331eb4 border color

This element has a border color of #331eb4.

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

CSS codes

.text {color:#331eb4;}

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

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

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

#03020c
```
#03020c rgb(3,2,12)
```
#08051d
```
#08051d rgb(8,5,29)
```
#0d082d
```
#0d082d rgb(13,8,45)
```
#120a3e
```
#120a3e rgb(18,10,62)
```
#160d4f
```
#160d4f rgb(22,13,79)
```
#1b1060
```
#1b1060 rgb(27,16,96)
```
#201371
```
#201371 rgb(32,19,113)
```
#251682
```
#251682 rgb(37,22,130)
```
#291892
```
#291892 rgb(41,24,146)
```
#2e1ba3
```
#2e1ba3 rgb(46,27,163)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#3821c5
```
#3821c5 rgb(56,33,197)
```
#3d24d6
```
#3d24d6 rgb(61,36,214)
```

Shade Color Variation

#4830dd
```
#4830dd rgb(72,48,221)
```
#5741df
```
#5741df rgb(87,65,223)
```
#6652e2
```
#6652e2 rgb(102,82,226)
```
#7563e5
```
#7563e5 rgb(117,99,229)
```
#8474e8
```
#8474e8 rgb(132,116,232)
```
#9384eb
```
#9384eb rgb(147,132,235)
```
#a295ed
```
#a295ed rgb(162,149,237)
```
#b0a6f0
```
#b0a6f0 rgb(176,166,240)
```
#bfb7f3
```
#bfb7f3 rgb(191,183,243)
```
#cec8f6
```
#cec8f6 rgb(206,200,246)
```
#ddd8f9
```
#ddd8f9 rgb(221,216,249)
```
#ece9fb
```
#ece9fb rgb(236,233,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#67676b
```
#67676b rgb(103,103,107)
```
#625f73
```
#625f73 rgb(98,95,115)
```
#5c577b
```
#5c577b rgb(92,87,123)
```
#564e84
```
#564e84 rgb(86,78,132)
```
#50468c
```
#50468c rgb(80,70,140)
```
#4a3e94
```
#4a3e94 rgb(74,62,148)
```
#44369c
```
#44369c rgb(68,54,156)
```
#3f2ea4
```
#3f2ea4 rgb(63,46,164)
```
#3926ac
```
#3926ac rgb(57,38,172)
```
#331eb4
```
#331eb4 rgb(51,30,180)
```
#2d16bc
```
#2d16bc rgb(45,22,188)
```
#270ec4
```
#270ec4 rgb(39,14,196)
```
#2206cc
```
#2206cc rgb(34,6,204)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#35304e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#123798 Protanomaly 1% of men, 0.01% of women
#123a8d Deuteranomaly 6% of men, 0.4% of women
#123d76 Tritanomaly 0.01% of the population

#331eb4 hex color

#331eb4 Color Information

#331eb4 Color Conversion

Color Schemes with #331eb4

Alternatives to #331eb4

#331eb4 Preview

Shades and Tints of #331eb4

Tones of #331eb4

Color Blindness Simulator