#331efd hex color

In a RGB color space, hex #331efd is composed of 20% red, 11.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 88.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 245.7 degrees, a saturation of 98.2% and a lightness of 55.5%. #331efd color hex could be obtained by blending #663cff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 12
- B 99
RGB color chart
- C 80
- M 88
- Y 0
- K 1
CMYK color chart

● #331efd color description : Vivid blue.

The hexadecimal color #331efd has RGB values of R:51, G:30, B:253 and CMYK values of C:0.8, M:0.88, Y:0, K:0.01. Its decimal value is 3350269.

Hex triplet	331efd	`#331efd`
RGB Decimal	51, 30, 253	`rgb(51,30,253)`
RGB Percent	20, 11.8, 99.2	`rgb(20%,11.8%,99.2%)`
CMYK	80, 88, 0, 1
HSL	245.7°, 98.2, 55.5	`hsl(245.7,98.2%,55.5%)`
HSV (or HSB)	245.7°, 88.1, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.445, 73.429, -101.452
XYZ	19.556, 8.723, 93.576
xyY	0.16, 0.072, 8.723
CIE-LCH	35.445, 125.237, 305.896
CIE-LUV	35.445, -7.558, -131.897
Hunter-Lab	29.535, 66.504, -167.178
Binary	00110011, 00011110, 11111101

#331efd
```
#331efd rgb(51,30,253)
```
#e8fd1e
```
#e8fd1e rgb(232,253,30)
```

Complementary Color

#1e79fd
```
#1e79fd rgb(30,121,253)
```
#331efd
```
#331efd rgb(51,30,253)
```
#a31efd
```
#a31efd rgb(163,30,253)
```

Analogous Color

#79fd1e
```
#79fd1e rgb(121,253,30)
```
#331efd
```
#331efd rgb(51,30,253)
```
#fda31e
```
#fda31e rgb(253,163,30)
```

Split Complementary Color

#1efd33
```
#1efd33 rgb(30,253,51)
```
#331efd
```
#331efd rgb(51,30,253)
```
#fd331e
```
#fd331e rgb(253,51,30)
```

Triadic Color

#1ee8fd
```
#1ee8fd rgb(30,232,253)
```
#331efd
```
#331efd rgb(51,30,253)
```
#fd331e
```
#fd331e rgb(253,51,30)
```
#e8fd1e
```
#e8fd1e rgb(232,253,30)
```

Tetradic Color

#1502cd
```
#1502cd rgb(21,2,205)
```
#1802e6
```
#1802e6 rgb(24,2,230)
```
#1c05fd
```
#1c05fd rgb(28,5,253)
```
#331efd
```
#331efd rgb(51,30,253)
```
#4a37fd
```
#4a37fd rgb(74,55,253)
```
#6151fd
```
#6151fd rgb(97,81,253)
```
#786afe
```
#786afe rgb(120,106,254)
```

Monochromatic Color

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

#1e41fd
```
#1e41fd rgb(30,65,253)
```
#1e2efd
```
#1e2efd rgb(30,46,253)
```
#201efd
```
#201efd rgb(32,30,253)
```
#331efd
```
#331efd rgb(51,30,253)
```
#461efd
```
#461efd rgb(70,30,253)
```
#581efd
```
#581efd rgb(88,30,253)
```
#6b1efd
```
#6b1efd rgb(107,30,253)
```

Similar Colors

Text with hexadecimal color #331efd

This text has a font color of #331efd.

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

#331efd background color

This paragraph has a background color of #331efd.

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

#331efd border color

This element has a border color of #331efd.

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

CSS codes

.text {color:#331efd;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#03001c
```
#03001c rgb(3,0,28)
```
#05002f
```
#05002f rgb(5,0,47)
```
#070143
```
#070143 rgb(7,1,67)
```
#090156
```
#090156 rgb(9,1,86)
```
#0b016a
```
#0b016a rgb(11,1,106)
```
#0d017d
```
#0d017d rgb(13,1,125)
```
#0f0190
```
#0f0190 rgb(15,1,144)
```
#1101a4
```
#1101a4 rgb(17,1,164)
```
#1302b7
```
#1302b7 rgb(19,2,183)
```
#1502cb
```
#1502cb rgb(21,2,203)
```
#1702de
```
#1702de rgb(23,2,222)
```
#1902f2
```
#1902f2 rgb(25,2,242)
```

Shade Color Variation

#210bfd
```
#210bfd rgb(33,11,253)
```
#331efd
```
#331efd rgb(51,30,253)
```
#4531fd
```
#4531fd rgb(69,49,253)
```
#5645fd
```
#5645fd rgb(86,69,253)
```
#6858fe
```
#6858fe rgb(104,88,254)
```
#7a6cfe
```
#7a6cfe rgb(122,108,254)
```
#8b7ffe
```
#8b7ffe rgb(139,127,254)
```
#9d93fe
```
#9d93fe rgb(157,147,254)
```
#aea6fe
```
#aea6fe rgb(174,166,254)
```
#c0bafe
```
#c0bafe rgb(192,186,254)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#888794
```
#888794 rgb(136,135,148)
```
#817e9d
```
#817e9d rgb(129,126,157)
```
#7a75a6
```
#7a75a6 rgb(122,117,166)
```
#736dae
```
#736dae rgb(115,109,174)
```
#6c64b7
```
#6c64b7 rgb(108,100,183)
```
#655bc0
```
#655bc0 rgb(101,91,192)
```
#5e52c9
```
#5e52c9 rgb(94,82,201)
```
#564ad1
```
#564ad1 rgb(86,74,209)
```
#4f41da
```
#4f41da rgb(79,65,218)
```
#4838e3
```
#4838e3 rgb(72,56,227)
```
#412fec
```
#412fec rgb(65,47,236)
```
#3a27f4
```
#3a27f4 rgb(58,39,244)
```
#331efd
```
#331efd rgb(51,30,253)
```

Tone Color Variation

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

Dichromacy

#0059ad Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1244ca Protanomaly 1% of men, 0.01% of women
#1247bb Deuteranomaly 6% of men, 0.4% of women
#124b9f Tritanomaly 0.01% of the population

#331efd hex color

#331efd Color Information

#331efd Color Conversion

Color Schemes with #331efd

Alternatives to #331efd

#331efd Preview

Shades and Tints of #331efd

Tones of #331efd

Color Blindness Simulator