#331aff hex color

In a RGB color space, hex #331aff is composed of 20% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 246.6 degrees, a saturation of 100% and a lightness of 55.1%. #331aff color hex could be obtained by blending #6634ff with #0000ff. Closest websafe color is: #3333ff.

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

● #331aff color description : Vivid blue.

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

Hex triplet	331aff	`#331aff`
RGB Decimal	51, 26, 255	`rgb(51,26,255)`
RGB Percent	20, 10.2, 100	`rgb(20%,10.2%,100%)`
CMYK	80, 90, 0, 0
HSL	246.6°, 100, 55.1	`hsl(246.6,100%,55.1%)`
HSV (or HSB)	246.6°, 89.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.324, 75.083, -102.776
XYZ	19.781, 8.661, 95.232
xyY	0.16, 0.07, 8.661
CIE-LCH	35.324, 127.281, 306.15
CIE-LUV	35.324, -7.398, -132.849
Hunter-Lab	29.43, 68.474, -171.253
Binary	00110011, 00011010, 11111111

#331aff
```
#331aff rgb(51,26,255)
```
#e6ff1a
```
#e6ff1a rgb(230,255,26)
```

Complementary Color

#1a74ff
```
#1a74ff rgb(26,116,255)
```
#331aff
```
#331aff rgb(51,26,255)
```
#a61aff
```
#a61aff rgb(166,26,255)
```

Analogous Color

#74ff1a
```
#74ff1a rgb(116,255,26)
```
#331aff
```
#331aff rgb(51,26,255)
```
#ffa61a
```
#ffa61a rgb(255,166,26)
```

Split Complementary Color

#1aff33
```
#1aff33 rgb(26,255,51)
```
#331aff
```
#331aff rgb(51,26,255)
```
#ff331a
```
#ff331a rgb(255,51,26)
```

Triadic Color

#1ae6ff
```
#1ae6ff rgb(26,230,255)
```
#331aff
```
#331aff rgb(51,26,255)
```
#ff331a
```
#ff331a rgb(255,51,26)
```
#e6ff1a
```
#e6ff1a rgb(230,255,26)
```

Tetradic Color

#1600cd
```
#1600cd rgb(22,0,205)
```
#1900e6
```
#1900e6 rgb(25,0,230)
```
#1c00ff
```
#1c00ff rgb(28,0,255)
```
#331aff
```
#331aff rgb(51,26,255)
```
#4a34ff
```
#4a34ff rgb(74,52,255)
```
#604dff
```
#604dff rgb(96,77,255)
```
#7767ff
```
#7767ff rgb(119,103,255)
```

Monochromatic Color

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

#1a3aff
```
#1a3aff rgb(26,58,255)
```
#1a27ff
```
#1a27ff rgb(26,39,255)
```
#201aff
```
#201aff rgb(32,26,255)
```
#331aff
```
#331aff rgb(51,26,255)
```
#461aff
```
#461aff rgb(70,26,255)
```
#591aff
```
#591aff rgb(89,26,255)
```
#6c1aff
```
#6c1aff rgb(108,26,255)
```

Similar Colors

Text with hexadecimal color #331aff

This text has a font color of #331aff.

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

#331aff background color

This paragraph has a background color of #331aff.

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

#331aff border color

This element has a border color of #331aff.

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

CSS codes

.text {color:#331aff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#03001a
```
#03001a rgb(3,0,26)
```
#05002e
```
#05002e rgb(5,0,46)
```
#070041
```
#070041 rgb(7,0,65)
```
#090055
```
#090055 rgb(9,0,85)
```
#0b0068
```
#0b0068 rgb(11,0,104)
```
#0e007c
```
#0e007c rgb(14,0,124)
```
#100090
```
#100090 rgb(16,0,144)
```
#1200a3
```
#1200a3 rgb(18,0,163)
```
#1400b7
```
#1400b7 rgb(20,0,183)
```
#1600cb
```
#1600cb rgb(22,0,203)
```
#1800de
```
#1800de rgb(24,0,222)
```
#1a00f2
```
#1a00f2 rgb(26,0,242)
```

Shade Color Variation

#2206ff
```
#2206ff rgb(34,6,255)
```
#331aff
```
#331aff rgb(51,26,255)
```
#442eff
```
#442eff rgb(68,46,255)
```
#5641ff
```
#5641ff rgb(86,65,255)
```
#6755ff
```
#6755ff rgb(103,85,255)
```
#7968ff
```
#7968ff rgb(121,104,255)
```
#8a7cff
```
#8a7cff rgb(138,124,255)
```
#9c90ff
```
#9c90ff rgb(156,144,255)
```
#ada3ff
```
#ada3ff rgb(173,163,255)
```
#bfb7ff
```
#bfb7ff rgb(191,183,255)
```
#d0cbff
```
#d0cbff rgb(208,203,255)
```
#e2deff
```
#e2deff rgb(226,222,255)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Tint Color Variation

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

#868495
```
#868495 rgb(134,132,149)
```
#7f7b9e
```
#7f7b9e rgb(127,123,158)
```
#7872a7
```
#7872a7 rgb(120,114,167)
```
#7169b0
```
#7169b0 rgb(113,105,176)
```
#6a60b9
```
#6a60b9 rgb(106,96,185)
```
#6358c1
```
#6358c1 rgb(99,88,193)
```
#5c4fca
```
#5c4fca rgb(92,79,202)
```
#5546d3
```
#5546d3 rgb(85,70,211)
```
#4f3ddc
```
#4f3ddc rgb(79,61,220)
```
#4834e5
```
#4834e5 rgb(72,52,229)
```
#412ced
```
#412ced rgb(65,44,237)
```
#3a23f6
```
#3a23f6 rgb(58,35,246)
```
#331aff
```
#331aff rgb(51,26,255)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#1242cb Protanomaly 1% of men, 0.01% of women
#1245bb Deuteranomaly 6% of men, 0.4% of women
#12499f Tritanomaly 0.01% of the population

#331aff hex color

#331aff Color Information

#331aff Color Conversion

Color Schemes with #331aff

Alternatives to #331aff

#331aff Preview

Shades and Tints of #331aff

Tones of #331aff

Color Blindness Simulator