#331cf4 hex color

In a RGB color space, hex #331cf4 is composed of 20% red, 11% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 88.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 246.4 degrees, a saturation of 90.8% and a lightness of 53.3%. #331cf4 color hex could be obtained by blending #6638ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 11
- B 96
RGB color chart
- C 79
- M 89
- Y 0
- K 4
CMYK color chart

● #331cf4 color description : Vivid blue.

The hexadecimal color #331cf4 has RGB values of R:51, G:28, B:244 and CMYK values of C:0.79, M:0.89, Y:0, K:0.04. Its decimal value is 3349748.

Hex triplet	331cf4	`#331cf4`
RGB Decimal	51, 28, 244	`rgb(51,28,244)`
RGB Percent	20, 11, 95.7	`rgb(20%,11%,95.7%)`
CMYK	79, 89, 0, 4
HSL	246.4°, 90.8, 53.3	`hsl(246.4,90.8%,53.3%)`
HSV (or HSB)	246.4°, 88.5, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.117, 71.673, -98.597
XYZ	18.106, 8.065, 86.185
xyY	0.161, 0.072, 8.065
CIE-LCH	34.117, 121.895, 306.014
CIE-LUV	34.117, -6.963, -126.76
Hunter-Lab	28.399, 64.111, -160.057
Binary	00110011, 00011100, 11110100

#331cf4
```
#331cf4 rgb(51,28,244)
```
#ddf41c
```
#ddf41c rgb(221,244,28)
```

Complementary Color

#1c71f4
```
#1c71f4 rgb(28,113,244)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#9f1cf4
```
#9f1cf4 rgb(159,28,244)
```

Analogous Color

#71f41c
```
#71f41c rgb(113,244,28)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#f49f1c
```
#f49f1c rgb(244,159,28)
```

Split Complementary Color

#1cf433
```
#1cf433 rgb(28,244,51)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#f4331c
```
#f4331c rgb(244,51,28)
```

Triadic Color

#1cddf4
```
#1cddf4 rgb(28,221,244)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#f4331c
```
#f4331c rgb(244,51,28)
```
#ddf41c
```
#ddf41c rgb(221,244,28)
```

Tetradic Color

#1c09ba
```
#1c09ba rgb(28,9,186)
```
#200ad3
```
#200ad3 rgb(32,10,211)
```
#230beb
```
#230beb rgb(35,11,235)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#4934f5
```
#4934f5 rgb(73,52,245)
```
#5f4df6
```
#5f4df6 rgb(95,77,246)
```
#7565f8
```
#7565f8 rgb(117,101,248)
```

Monochromatic Color

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

#1c3bf4
```
#1c3bf4 rgb(28,59,244)
```
#1c29f4
```
#1c29f4 rgb(28,41,244)
```
#211cf4
```
#211cf4 rgb(33,28,244)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#451cf4
```
#451cf4 rgb(69,28,244)
```
#571cf4
```
#571cf4 rgb(87,28,244)
```
#691cf4
```
#691cf4 rgb(105,28,244)
```

Similar Colors

Text with hexadecimal color #331cf4

This text has a font color of #331cf4.

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

#331cf4 background color

This paragraph has a background color of #331cf4.

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

#331cf4 border color

This element has a border color of #331cf4.

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

CSS codes

.text {color:#331cf4;}

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

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

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

#020110
```
#020110 rgb(2,1,16)
```
#050223
```
#050223 rgb(5,2,35)
```
#080336
```
#080336 rgb(8,3,54)
```
#0b0448
```
#0b0448 rgb(11,4,72)
```
#0e045b
```
#0e045b rgb(14,4,91)
```
#10056e
```
#10056e rgb(16,5,110)
```
#130680
```
#130680 rgb(19,6,128)
```
#160793
```
#160793 rgb(22,7,147)
```
#1908a6
```
#1908a6 rgb(25,8,166)
```
#1c09b9
```
#1c09b9 rgb(28,9,185)
```
#1e0acb
```
#1e0acb rgb(30,10,203)
```
#210bde
```
#210bde rgb(33,11,222)
```
#240cf1
```
#240cf1 rgb(36,12,241)
```

Shade Color Variation

#331cf4
```
#331cf4 rgb(51,28,244)
```
#442ff5
```
#442ff5 rgb(68,47,245)
```
#5541f6
```
#5541f6 rgb(85,65,246)
```
#6554f7
```
#6554f7 rgb(101,84,247)
```
#7667f8
```
#7667f8 rgb(118,103,248)
```
#877af9
```
#877af9 rgb(135,122,249)
```
#988cf9
```
#988cf9 rgb(152,140,249)
```
#a99ffa
```
#a99ffa rgb(169,159,250)
```
#bab2fb
```
#bab2fb rgb(186,178,251)
```
#cac4fc
```
#cac4fc rgb(202,196,252)
```
#dbd7fd
```
#dbd7fd rgb(219,215,253)
```
#eceafe
```
#eceafe rgb(236,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82818f is the less saturated color, while #2c13fd is the most saturated one.

#82818f
```
#82818f rgb(130,129,143)
```
#7b7898
```
#7b7898 rgb(123,120,152)
```
#746ea2
```
#746ea2 rgb(116,110,162)
```
#6d65ab
```
#6d65ab rgb(109,101,171)
```
#655cb4
```
#655cb4 rgb(101,92,180)
```
#5e53bd
```
#5e53bd rgb(94,83,189)
```
#574ac6
```
#574ac6 rgb(87,74,198)
```
#5041cf
```
#5041cf rgb(80,65,207)
```
#4937d9
```
#4937d9 rgb(73,55,217)
```
#412ee2
```
#412ee2 rgb(65,46,226)
```
#3a25eb
```
#3a25eb rgb(58,37,235)
```
#331cf4
```
#331cf4 rgb(51,28,244)
```
#2c13fd
```
#2c13fd rgb(44,19,253)
```

Tone Color Variation

Below, you can see how #331cf4 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
#3a3661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1241c3 Protanomaly 1% of men, 0.01% of women
#1244b5 Deuteranomaly 6% of men, 0.4% of women
#124899 Tritanomaly 0.01% of the population

#331cf4 hex color

#331cf4 Color Information

#331cf4 Color Conversion

Color Schemes with #331cf4

Alternatives to #331cf4

#331cf4 Preview

Shades and Tints of #331cf4

Tones of #331cf4

Color Blindness Simulator