#331afd hex color

In a RGB color space, hex #331afd is composed of 20% red, 10.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 89.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 246.6 degrees, a saturation of 98.3% and a lightness of 54.7%. #331afd color hex could be obtained by blending #6634ff with #0000fb. Closest websafe color is: #3333ff.

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

● #331afd color description : Vivid blue.

The hexadecimal color #331afd has RGB values of R:51, G:26, B:253 and CMYK values of C:0.8, M:0.9, Y:0, K:0.01. Its decimal value is 3349245.

Hex triplet	331afd	`#331afd`
RGB Decimal	51, 26, 253	`rgb(51,26,253)`
RGB Percent	20, 10.2, 99.2	`rgb(20%,10.2%,99.2%)`
CMYK	80, 90, 0, 1
HSL	246.6°, 98.3, 54.7	`hsl(246.6,98.3%,54.7%)`
HSV (or HSB)	246.6°, 89.7, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.069, 74.571, -102.079
XYZ	19.461, 8.533, 93.545
xyY	0.16, 0.07, 8.533
CIE-LCH	35.069, 126.415, 306.149
CIE-LUV	35.069, -7.296, -131.728
Hunter-Lab	29.212, 67.796, -169.417
Binary	00110011, 00011010, 11111101

#331afd
```
#331afd rgb(51,26,253)
```
#e4fd1a
```
#e4fd1a rgb(228,253,26)
```

Complementary Color

#1a73fd
```
#1a73fd rgb(26,115,253)
```
#331afd
```
#331afd rgb(51,26,253)
```
#a51afd
```
#a51afd rgb(165,26,253)
```

Analogous Color

#73fd1a
```
#73fd1a rgb(115,253,26)
```
#331afd
```
#331afd rgb(51,26,253)
```
#fda51a
```
#fda51a rgb(253,165,26)
```

Split Complementary Color

#1afd33
```
#1afd33 rgb(26,253,51)
```
#331afd
```
#331afd rgb(51,26,253)
```
#fd331a
```
#fd331a rgb(253,51,26)
```

Triadic Color

#1ae4fd
```
#1ae4fd rgb(26,228,253)
```
#331afd
```
#331afd rgb(51,26,253)
```
#fd331a
```
#fd331a rgb(253,51,26)
```
#e4fd1a
```
#e4fd1a rgb(228,253,26)
```

Tetradic Color

#1802c9
```
#1802c9 rgb(24,2,201)
```
#1b02e2
```
#1b02e2 rgb(27,2,226)
```
#1e02fb
```
#1e02fb rgb(30,2,251)
```
#331afd
```
#331afd rgb(51,26,253)
```
#4a33fd
```
#4a33fd rgb(74,51,253)
```
#604dfd
```
#604dfd rgb(96,77,253)
```
#7766fe
```
#7766fe rgb(119,102,254)
```

Monochromatic Color

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

#1a3afd
```
#1a3afd rgb(26,58,253)
```
#1a27fd
```
#1a27fd rgb(26,39,253)
```
#201afd
```
#201afd rgb(32,26,253)
```
#331afd
```
#331afd rgb(51,26,253)
```
#461afd
```
#461afd rgb(70,26,253)
```
#591afd
```
#591afd rgb(89,26,253)
```
#6c1afd
```
#6c1afd rgb(108,26,253)
```

Similar Colors

Text with hexadecimal color #331afd

This text has a font color of #331afd.

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

#331afd background color

This paragraph has a background color of #331afd.

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

#331afd border color

This element has a border color of #331afd.

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

CSS codes

.text {color:#331afd;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#030018
```
#030018 rgb(3,0,24)
```
#05002b
```
#05002b rgb(5,0,43)
```
#07013f
```
#07013f rgb(7,1,63)
```
#0a0152
```
#0a0152 rgb(10,1,82)
```
#0c0166
```
#0c0166 rgb(12,1,102)
```
#0e0179
```
#0e0179 rgb(14,1,121)
```
#11018c
```
#11018c rgb(17,1,140)
```
#1301a0
```
#1301a0 rgb(19,1,160)
```
#1502b3
```
#1502b3 rgb(21,2,179)
```
#1702c7
```
#1702c7 rgb(23,2,199)
```
#1a02da
```
#1a02da rgb(26,2,218)
```
#1c02ee
```
#1c02ee rgb(28,2,238)
```

Shade Color Variation

#2207fd
```
#2207fd rgb(34,7,253)
```
#331afd
```
#331afd rgb(51,26,253)
```
#442dfd
```
#442dfd rgb(68,45,253)
```
#5641fd
```
#5641fd rgb(86,65,253)
```
#6754fe
```
#6754fe rgb(103,84,254)
```
#7868fe
```
#7868fe rgb(120,104,254)
```
#8a7bfe
```
#8a7bfe rgb(138,123,254)
```
#9b8ffe
```
#9b8ffe rgb(155,143,254)
```
#aca2fe
```
#aca2fe rgb(172,162,254)
```
#beb6fe
```
#beb6fe rgb(190,182,254)
```
#cfc9ff
```
#cfc9ff rgb(207,201,255)
```
#e0dcff
```
#e0dcff rgb(224,220,255)
```
#f2f0ff
```
#f2f0ff rgb(242,240,255)
```

Tint Color Variation

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

#868592
```
#868592 rgb(134,133,146)
```
#7f7c9b
```
#7f7c9b rgb(127,124,155)
```
#7873a4
```
#7873a4 rgb(120,115,164)
```
#716aad
```
#716aad rgb(113,106,173)
```
#6a61b6
```
#6a61b6 rgb(106,97,182)
```
#6358bf
```
#6358bf rgb(99,88,191)
```
#5d4fc8
```
#5d4fc8 rgb(93,79,200)
```
#5646d1
```
#5646d1 rgb(86,70,209)
```
#4f3ed9
```
#4f3ed9 rgb(79,62,217)
```
#4835e2
```
#4835e2 rgb(72,53,226)
```
#412ceb
```
#412ceb rgb(65,44,235)
```
#3a23f4
```
#3a23f4 rgb(58,35,244)
```
#331afd
```
#331afd rgb(51,26,253)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1242c9 Protanomaly 1% of men, 0.01% of women
#1245ba Deuteranomaly 6% of men, 0.4% of women
#12499e Tritanomaly 0.01% of the population

#331afd hex color

#331afd Color Information

#331afd Color Conversion

Color Schemes with #331afd

Alternatives to #331afd

#331afd Preview

Shades and Tints of #331afd

Tones of #331afd

Color Blindness Simulator