#331feb hex color

In a RGB color space, hex #331feb is composed of 20% red, 12.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 86.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 245.9 degrees, a saturation of 83.6% and a lightness of 52.2%. #331feb color hex could be obtained by blending #663eff with #0000d7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 12
- B 92
RGB color chart
- C 78
- M 87
- Y 0
- K 8
CMYK color chart

● #331feb color description : Vivid blue.

The hexadecimal color #331feb has RGB values of R:51, G:31, B:235 and CMYK values of C:0.78, M:0.87, Y:0, K:0.08. Its decimal value is 3350507.

Hex triplet	331feb	`#331feb`
RGB Decimal	51, 31, 235	`rgb(51,31,235)`
RGB Percent	20, 12.2, 92.2	`rgb(20%,12.2%,92.2%)`
CMYK	78, 87, 0, 8
HSL	245.9°, 83.6, 52.2	`hsl(245.9,83.6%,52.2%)`
HSV (or HSB)	245.9°, 86.8, 92.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.309, 68.329, -94.842
XYZ	16.848, 7.681, 79.187
xyY	0.162, 0.074, 7.681
CIE-LCH	33.309, 116.892, 305.771
CIE-LUV	33.309, -6.719, -121.814
Hunter-Lab	27.714, 60.011, -150.007
Binary	00110011, 00011111, 11101011

#331feb
```
#331feb rgb(51,31,235)
```
#d7eb1f
```
#d7eb1f rgb(215,235,31)
```

Complementary Color

#1f71eb
```
#1f71eb rgb(31,113,235)
```
#331feb
```
#331feb rgb(51,31,235)
```
#991feb
```
#991feb rgb(153,31,235)
```

Analogous Color

#71eb1f
```
#71eb1f rgb(113,235,31)
```
#331feb
```
#331feb rgb(51,31,235)
```
#eb991f
```
#eb991f rgb(235,153,31)
```

Split Complementary Color

#1feb33
```
#1feb33 rgb(31,235,51)
```
#331feb
```
#331feb rgb(51,31,235)
```
#eb331f
```
#eb331f rgb(235,51,31)
```

Triadic Color

#1fd7eb
```
#1fd7eb rgb(31,215,235)
```
#331feb
```
#331feb rgb(51,31,235)
```
#eb331f
```
#eb331f rgb(235,51,31)
```
#d7eb1f
```
#d7eb1f rgb(215,235,31)
```

Tetradic Color

#1f10ae
```
#1f10ae rgb(31,16,174)
```
#2312c5
```
#2312c5 rgb(35,18,197)
```
#2714dd
```
#2714dd rgb(39,20,221)
```
#331feb
```
#331feb rgb(51,31,235)
```
#4836ed
```
#4836ed rgb(72,54,237)
```
#5e4eef
```
#5e4eef rgb(94,78,239)
```
#7365f1
```
#7365f1 rgb(115,101,241)
```

Monochromatic Color

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

#1f3eeb
```
#1f3eeb rgb(31,62,235)
```
#1f2deb
```
#1f2deb rgb(31,45,235)
```
#221feb
```
#221feb rgb(34,31,235)
```
#331feb
```
#331feb rgb(51,31,235)
```
#441feb
```
#441feb rgb(68,31,235)
```
#551feb
```
#551feb rgb(85,31,235)
```
#661feb
```
#661feb rgb(102,31,235)
```

Similar Colors

Text with hexadecimal color #331feb

This text has a font color of #331feb.

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

#331feb background color

This paragraph has a background color of #331feb.

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

#331feb border color

This element has a border color of #331feb.

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

CSS codes

.text {color:#331feb;}

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

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

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#05031c
```
#05031c rgb(5,3,28)
```
#08042e
```
#08042e rgb(8,4,46)
```
#0b0640
```
#0b0640 rgb(11,6,64)
```
#0f0752
```
#0f0752 rgb(15,7,82)
```
#120964
```
#120964 rgb(18,9,100)
```
#150b76
```
#150b76 rgb(21,11,118)
```
#180c88
```
#180c88 rgb(24,12,136)
```
#1c0e9a
```
#1c0e9a rgb(28,14,154)
```
#1f0fac
```
#1f0fac rgb(31,15,172)
```
#2211be
```
#2211be rgb(34,17,190)
```
#2513d0
```
#2513d0 rgb(37,19,208)
```
#2814e2
```
#2814e2 rgb(40,20,226)
```

Shade Color Variation

#331feb
```
#331feb rgb(51,31,235)
```
#4331ed
```
#4331ed rgb(67,49,237)
```
#5443ee
```
#5443ee rgb(84,67,238)
```
#6455f0
```
#6455f0 rgb(100,85,240)
```
#7567f1
```
#7567f1 rgb(117,103,241)
```
#8579f3
```
#8579f3 rgb(133,121,243)
```
#958bf5
```
#958bf5 rgb(149,139,245)
```
#a69df6
```
#a69df6 rgb(166,157,246)
```
#b6aff8
```
#b6aff8 rgb(182,175,248)
```
#c7c1f9
```
#c7c1f9 rgb(199,193,249)
```
#d7d3fb
```
#d7d3fb rgb(215,211,251)
```
#e7e5fd
```
#e7e5fd rgb(231,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7d8d is the less saturated color, while #240cfe is the most saturated one.

#7e7d8d
```
#7e7d8d rgb(126,125,141)
```
#777397
```
#777397 rgb(119,115,151)
```
#6f6aa0
```
#6f6aa0 rgb(111,106,160)
```
#6861a9
```
#6861a9 rgb(104,97,169)
```
#6057b3
```
#6057b3 rgb(96,87,179)
```
#594ebc
```
#594ebc rgb(89,78,188)
```
#5145c5
```
#5145c5 rgb(81,69,197)
```
#4a3bcf
```
#4a3bcf rgb(74,59,207)
```
#4232d8
```
#4232d8 rgb(66,50,216)
```
#3b28e2
```
#3b28e2 rgb(59,40,226)
```
#331feb
```
#331feb rgb(51,31,235)
```
#2b16f4
```
#2b16f4 rgb(43,22,244)
```
#240cfe
```
#240cfe rgb(36,12,254)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a365f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#1241be Protanomaly 1% of men, 0.01% of women
#1244b0 Deuteranomaly 6% of men, 0.4% of women
#124895 Tritanomaly 0.01% of the population

#331feb hex color

#331feb Color Information

#331feb Color Conversion

Color Schemes with #331feb

Alternatives to #331feb

#331feb Preview

Shades and Tints of #331feb

Tones of #331feb

Color Blindness Simulator