#331af5 hex color

In a RGB color space, hex #331af5 is composed of 20% red, 10.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 89.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 246.8 degrees, a saturation of 91.6% and a lightness of 53.1%. #331af5 color hex could be obtained by blending #6634ff with #0000eb. Closest websafe color is: #3333ff.

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

● #331af5 color description : Vivid blue.

The hexadecimal color #331af5 has RGB values of R:51, G:26, B:245 and CMYK values of C:0.79, M:0.89, Y:0, K:0.04. Its decimal value is 3349237.

Hex triplet	331af5	`#331af5`
RGB Decimal	51, 26, 245	`rgb(51,26,245)`
RGB Percent	20, 10.2, 96.1	`rgb(20%,10.2%,96.1%)`
CMYK	79, 89, 0, 4
HSL	246.8°, 91.6, 53.1	`hsl(246.8,91.6%,53.1%)`
HSV (or HSB)	246.8°, 89.4, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.054, 72.511, -99.269
XYZ	18.213, 8.034, 86.972
xyY	0.161, 0.071, 8.034
CIE-LCH	34.054, 122.931, 306.146
CIE-LUV	34.054, -6.883, -127.235
Hunter-Lab	28.344, 65.094, -162.085
Binary	00110011, 00011010, 11110101

#331af5
```
#331af5 rgb(51,26,245)
```
#dcf51a
```
#dcf51a rgb(220,245,26)
```

Complementary Color

#1a6ff5
```
#1a6ff5 rgb(26,111,245)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#a11af5
```
#a11af5 rgb(161,26,245)
```

Analogous Color

#6ff51a
```
#6ff51a rgb(111,245,26)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#f5a11a
```
#f5a11a rgb(245,161,26)
```

Split Complementary Color

#1af533
```
#1af533 rgb(26,245,51)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#f5331a
```
#f5331a rgb(245,51,26)
```

Triadic Color

#1adcf5
```
#1adcf5 rgb(26,220,245)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#f5331a
```
#f5331a rgb(245,51,26)
```
#dcf51a
```
#dcf51a rgb(220,245,26)
```

Tetradic Color

#1c08ba
```
#1c08ba rgb(28,8,186)
```
#2009d3
```
#2009d3 rgb(32,9,211)
```
#240aeb
```
#240aeb rgb(36,10,235)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#4932f6
```
#4932f6 rgb(73,50,246)
```
#5f4bf7
```
#5f4bf7 rgb(95,75,247)
```
#7463f8
```
#7463f8 rgb(116,99,248)
```

Monochromatic Color

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

#1a38f5
```
#1a38f5 rgb(26,56,245)
```
#1a25f5
```
#1a25f5 rgb(26,37,245)
```
#211af5
```
#211af5 rgb(33,26,245)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#451af5
```
#451af5 rgb(69,26,245)
```
#581af5
```
#581af5 rgb(88,26,245)
```
#6a1af5
```
#6a1af5 rgb(106,26,245)
```

Similar Colors

Text with hexadecimal color #331af5

This text has a font color of #331af5.

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

#331af5 background color

This paragraph has a background color of #331af5.

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

#331af5 border color

This element has a border color of #331af5.

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

CSS codes

.text {color:#331af5;}

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

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

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

#02010f
```
#02010f rgb(2,1,15)
```
#050122
```
#050122 rgb(5,1,34)
```
#080235
```
#080235 rgb(8,2,53)
```
#0b0348
```
#0b0348 rgb(11,3,72)
```
#0e045b
```
#0e045b rgb(14,4,91)
```
#11056d
```
#11056d rgb(17,5,109)
```
#140680
```
#140680 rgb(20,6,128)
```
#160693
```
#160693 rgb(22,6,147)
```
#1907a6
```
#1907a6 rgb(25,7,166)
```
#1c08b8
```
#1c08b8 rgb(28,8,184)
```
#1f09cb
```
#1f09cb rgb(31,9,203)
```
#220ade
```
#220ade rgb(34,10,222)
```
#250bf1
```
#250bf1 rgb(37,11,241)
```

Shade Color Variation

#331af5
```
#331af5 rgb(51,26,245)
```
#442df6
```
#442df6 rgb(68,45,246)
```
#5440f7
```
#5440f7 rgb(84,64,247)
```
#6552f7
```
#6552f7 rgb(101,82,247)
```
#7665f8
```
#7665f8 rgb(118,101,248)
```
#8778f9
```
#8778f9 rgb(135,120,249)
```
#978bfa
```
#978bfa rgb(151,139,250)
```
#a89efb
```
#a89efb rgb(168,158,251)
```
#b9b0fc
```
#b9b0fc rgb(185,176,252)
```
#cac3fc
```
#cac3fc rgb(202,195,252)
```
#dad6fd
```
#dad6fd rgb(218,214,253)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#817f90
```
#817f90 rgb(129,127,144)
```
#7a7699
```
#7a7699 rgb(122,118,153)
```
#736da2
```
#736da2 rgb(115,109,162)
```
#6c64ab
```
#6c64ab rgb(108,100,171)
```
#655ab5
```
#655ab5 rgb(101,90,181)
```
#5e51be
```
#5e51be rgb(94,81,190)
```
#5648c7
```
#5648c7 rgb(86,72,199)
```
#4f3fd0
```
#4f3fd0 rgb(79,63,208)
```
#4836d9
```
#4836d9 rgb(72,54,217)
```
#412ce3
```
#412ce3 rgb(65,44,227)
```
#3a23ec
```
#3a23ec rgb(58,35,236)
```
#331af5
```
#331af5 rgb(51,26,245)
```
#2c11fe
```
#2c11fe rgb(44,17,254)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#39345f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1240c4 Protanomaly 1% of men, 0.01% of women
#1243b5 Deuteranomaly 6% of men, 0.4% of women
#12479a Tritanomaly 0.01% of the population

#331af5 hex color

#331af5 Color Information

#331af5 Color Conversion

Color Schemes with #331af5

Alternatives to #331af5

#331af5 Preview

Shades and Tints of #331af5

Tones of #331af5

Color Blindness Simulator