#331fdf hex color

In a RGB color space, hex #331fdf is composed of 20% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 86.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 246.3 degrees, a saturation of 75.6% and a lightness of 49.8%. #331fdf color hex could be obtained by blending #663eff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 12
- B 87
RGB color chart
- C 77
- M 86
- Y 0
- K 13
CMYK color chart

● #331fdf color description : Vivid blue.

The hexadecimal color #331fdf has RGB values of R:51, G:31, B:223 and CMYK values of C:0.77, M:0.86, Y:0, K:0.13. Its decimal value is 3350495.

Hex triplet	331fdf	`#331fdf`
RGB Decimal	51, 31, 223	`rgb(51,31,223)`
RGB Percent	20, 12.2, 87.5	`rgb(20%,12.2%,87.5%)`
CMYK	77, 86, 0, 13
HSL	246.3°, 75.6, 49.8	`hsl(246.3,75.6%,49.8%)`
HSV (or HSB)	246.3°, 86.1, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.831, 65.062, -90.444
XYZ	15.172, 7.011, 70.362
xyY	0.164, 0.076, 7.011
CIE-LCH	31.831, 111.414, 305.73
CIE-LUV	31.831, -6.092, -115.019
Hunter-Lab	26.477, 55.947, -139.024
Binary	00110011, 00011111, 11011111

#331fdf
```
#331fdf rgb(51,31,223)
```
#cbdf1f
```
#cbdf1f rgb(203,223,31)
```

Complementary Color

#1f6bdf
```
#1f6bdf rgb(31,107,223)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#931fdf
```
#931fdf rgb(147,31,223)
```

Analogous Color

#6bdf1f
```
#6bdf1f rgb(107,223,31)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#df931f
```
#df931f rgb(223,147,31)
```

Split Complementary Color

#1fdf33
```
#1fdf33 rgb(31,223,51)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#df331f
```
#df331f rgb(223,51,31)
```

Triadic Color

#1fcbdf
```
#1fcbdf rgb(31,203,223)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#df331f
```
#df331f rgb(223,51,31)
```
#cbdf1f
```
#cbdf1f rgb(203,223,31)
```

Tetradic Color

#24169c
```
#24169c rgb(36,22,156)
```
#2919b2
```
#2919b2 rgb(41,25,178)
```
#2e1cc9
```
#2e1cc9 rgb(46,28,201)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#4735e3
```
#4735e3 rgb(71,53,227)
```
#5b4be6
```
#5b4be6 rgb(91,75,230)
```
#7061e9
```
#7061e9 rgb(112,97,233)
```

Monochromatic Color

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

#1f3bdf
```
#1f3bdf rgb(31,59,223)
```
#1f2bdf
```
#1f2bdf rgb(31,43,223)
```
#231fdf
```
#231fdf rgb(35,31,223)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#431fdf
```
#431fdf rgb(67,31,223)
```
#531fdf
```
#531fdf rgb(83,31,223)
```
#631fdf
```
#631fdf rgb(99,31,223)
```

Similar Colors

Text with hexadecimal color #331fdf

This text has a font color of #331fdf.

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

#331fdf background color

This paragraph has a background color of #331fdf.

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

#331fdf border color

This element has a border color of #331fdf.

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

CSS codes

.text {color:#331fdf;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#080522
```
#080522 rgb(8,5,34)
```
#0c0733
```
#0c0733 rgb(12,7,51)
```
#100944
```
#100944 rgb(16,9,68)
```
#130c55
```
#130c55 rgb(19,12,85)
```
#170e66
```
#170e66 rgb(23,14,102)
```
#1b1178
```
#1b1178 rgb(27,17,120)
```
#1f1389
```
#1f1389 rgb(31,19,137)
```
#23159a
```
#23159a rgb(35,21,154)
```
#2718ab
```
#2718ab rgb(39,24,171)
```
#2b1abd
```
#2b1abd rgb(43,26,189)
```
#2f1dce
```
#2f1dce rgb(47,29,206)
```
#331fdf
```
#331fdf rgb(51,31,223)
```

Shade Color Variation

#422fe2
```
#422fe2 rgb(66,47,226)
```
#5241e5
```
#5241e5 rgb(82,65,229)
```
#6152e7
```
#6152e7 rgb(97,82,231)
```
#7163e9
```
#7163e9 rgb(113,99,233)
```
#8174ec
```
#8174ec rgb(129,116,236)
```
#9086ee
```
#9086ee rgb(144,134,238)
```
#a097f1
```
#a097f1 rgb(160,151,241)
```
#b0a8f3
```
#b0a8f3 rgb(176,168,243)
```
#bfb9f5
```
#bfb9f5 rgb(191,185,245)
```
#cfcaf8
```
#cfcaf8 rgb(207,202,248)
```
#dfdcfa
```
#dfdcfa rgb(223,220,250)
```
#efedfc
```
#efedfc rgb(239,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797787
```
#797787 rgb(121,119,135)
```
#716d91
```
#716d91 rgb(113,109,145)
```
#69639b
```
#69639b rgb(105,99,155)
```
#615aa4
```
#615aa4 rgb(97,90,164)
```
#5a50ae
```
#5a50ae rgb(90,80,174)
```
#5246b8
```
#5246b8 rgb(82,70,184)
```
#4a3cc2
```
#4a3cc2 rgb(74,60,194)
```
#4233cb
```
#4233cb rgb(66,51,203)
```
#3b29d5
```
#3b29d5 rgb(59,41,213)
```
#331fdf
```
#331fdf rgb(51,31,223)
```
#2b15e9
```
#2b15e9 rgb(43,21,233)
```
#240bf3
```
#240bf3 rgb(36,11,243)
```
#1c02fc
```
#1c02fc rgb(28,2,252)
```

Tone Color Variation

Below, you can see how #331fdf 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
#39355c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#123fb6 Protanomaly 1% of men, 0.01% of women
#1242a8 Deuteranomaly 6% of men, 0.4% of women
#12468e Tritanomaly 0.01% of the population

#331fdf hex color

#331fdf Color Information

#331fdf Color Conversion

Color Schemes with #331fdf

Alternatives to #331fdf

#331fdf Preview

Shades and Tints of #331fdf

Tones of #331fdf

Color Blindness Simulator