#331ff7 hex color

In a RGB color space, hex #331ff7 is composed of 20% red, 12.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 87.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 245.6 degrees, a saturation of 93.1% and a lightness of 54.5%. #331ff7 color hex could be obtained by blending #663eff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 12
- B 97
RGB color chart
- C 79
- M 87
- Y 0
- K 3
CMYK color chart

● #331ff7 color description : Vivid blue.

The hexadecimal color #331ff7 has RGB values of R:51, G:31, B:247 and CMYK values of C:0.79, M:0.87, Y:0, K:0.03. Its decimal value is 3350519.

Hex triplet	331ff7	`#331ff7`
RGB Decimal	51, 31, 247	`rgb(51,31,247)`
RGB Percent	20, 12.2, 96.9	`rgb(20%,12.2%,96.9%)`
CMYK	79, 87, 0, 3
HSL	245.6°, 93.1, 54.5	`hsl(245.6,93.1%,54.5%)`
HSV (or HSB)	245.6°, 87.4, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.798, 71.539, -99.156
XYZ	18.64, 8.398, 88.629
xyY	0.161, 0.073, 8.398
CIE-LCH	34.798, 122.269, 305.81
CIE-LUV	34.798, -7.33, -128.572
Hunter-Lab	28.979, 64.104, -161.045
Binary	00110011, 00011111, 11110111

#331ff7
```
#331ff7 rgb(51,31,247)
```
#e3f71f
```
#e3f71f rgb(227,247,31)
```

Complementary Color

#1f77f7
```
#1f77f7 rgb(31,119,247)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#9f1ff7
```
#9f1ff7 rgb(159,31,247)
```

Analogous Color

#77f71f
```
#77f71f rgb(119,247,31)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#f79f1f
```
#f79f1f rgb(247,159,31)
```

Split Complementary Color

#1ff733
```
#1ff733 rgb(31,247,51)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#f7331f
```
#f7331f rgb(247,51,31)
```

Triadic Color

#1fe3f7
```
#1fe3f7 rgb(31,227,247)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#f7331f
```
#f7331f rgb(247,51,31)
```
#e3f71f
```
#e3f71f rgb(227,247,31)
```

Tetradic Color

#1807c3
```
#1807c3 rgb(24,7,195)
```
#1b08db
```
#1b08db rgb(27,8,219)
```
#1e09f4
```
#1e09f4 rgb(30,9,244)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#4938f8
```
#4938f8 rgb(73,56,248)
```
#6050f9
```
#6050f9 rgb(96,80,249)
```
#7669fa
```
#7669fa rgb(118,105,250)
```

Monochromatic Color

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

#1f41f7
```
#1f41f7 rgb(31,65,247)
```
#1f2ff7
```
#1f2ff7 rgb(31,47,247)
```
#211ff7
```
#211ff7 rgb(33,31,247)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#451ff7
```
#451ff7 rgb(69,31,247)
```
#571ff7
```
#571ff7 rgb(87,31,247)
```
#691ff7
```
#691ff7 rgb(105,31,247)
```

Similar Colors

Text with hexadecimal color #331ff7

This text has a font color of #331ff7.

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

#331ff7 background color

This paragraph has a background color of #331ff7.

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

#331ff7 border color

This element has a border color of #331ff7.

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

CSS codes

.text {color:#331ff7;}

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

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

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, #000003 is the darkest color, while #f1effe is the lightest one.

#000003
```
#000003 rgb(0,0,3)
```
#030116
```
#030116 rgb(3,1,22)
```
#050129
```
#050129 rgb(5,1,41)
```
#08023c
```
#08023c rgb(8,2,60)
```
#0a034f
```
#0a034f rgb(10,3,79)
```
#0c0362
```
#0c0362 rgb(12,3,98)
```
#0f0475
```
#0f0475 rgb(15,4,117)
```
#110588
```
#110588 rgb(17,5,136)
```
#13069b
```
#13069b rgb(19,6,155)
```
#1606ae
```
#1606ae rgb(22,6,174)
```
#1807c1
```
#1807c1 rgb(24,7,193)
```
#1a08d4
```
#1a08d4 rgb(26,8,212)
```
#1d08e7
```
#1d08e7 rgb(29,8,231)
```

Shade Color Variation

#220cf6
```
#220cf6 rgb(34,12,246)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```
#4432f8
```
#4432f8 rgb(68,50,248)
```
#5545f8
```
#5545f8 rgb(85,69,248)
```
#6758f9
```
#6758f9 rgb(103,88,249)
```
#786bfa
```
#786bfa rgb(120,107,250)
```
#897efa
```
#897efa rgb(137,126,250)
```
#9a91fb
```
#9a91fb rgb(154,145,251)
```
#aca4fc
```
#aca4fc rgb(172,164,252)
```
#bdb7fc
```
#bdb7fc rgb(189,183,252)
```
#cec9fd
```
#cec9fd rgb(206,201,253)
```
#dfdcfe
```
#dfdcfe rgb(223,220,254)
```
#f1effe
```
#f1effe rgb(241,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a8c is the less saturated color, while #331ff7 is the most saturated one.

#8a8a8c
```
#8a8a8c rgb(138,138,140)
```
#838195
```
#838195 rgb(131,129,149)
```
#7c789e
```
#7c789e rgb(124,120,158)
```
#746fa7
```
#746fa7 rgb(116,111,167)
```
#6d66b0
```
#6d66b0 rgb(109,102,176)
```
#665db9
```
#665db9 rgb(102,93,185)
```
#5f55c1
```
#5f55c1 rgb(95,85,193)
```
#574cca
```
#574cca rgb(87,76,202)
```
#5043d3
```
#5043d3 rgb(80,67,211)
```
#493adc
```
#493adc rgb(73,58,220)
```
#4231e5
```
#4231e5 rgb(66,49,229)
```
#3a28ee
```
#3a28ee rgb(58,40,238)
```
#331ff7
```
#331ff7 rgb(51,31,247)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3c3863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1243c6 Protanomaly 1% of men, 0.01% of women
#1246b7 Deuteranomaly 6% of men, 0.4% of women
#124a9c Tritanomaly 0.01% of the population

#331ff7 hex color

#331ff7 Color Information

#331ff7 Color Conversion

Color Schemes with #331ff7

Alternatives to #331ff7

#331ff7 Preview

Shades and Tints of #331ff7

Tones of #331ff7

Color Blindness Simulator