#331fdc hex color

In a RGB color space, hex #331fdc is composed of 20% red, 12.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 85.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 246.3 degrees, a saturation of 75.3% and a lightness of 49.2%. #331fdc color hex could be obtained by blending #663eff with #0000b9. Closest websafe color is: #3333cc.

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

● #331fdc color description : Vivid blue.

The hexadecimal color #331fdc has RGB values of R:51, G:31, B:220 and CMYK values of C:0.77, M:0.86, Y:0, K:0.14. Its decimal value is 3350492.

Hex triplet	331fdc	`#331fdc`
RGB Decimal	51, 31, 220	`rgb(51,31,220)`
RGB Percent	20, 12.2, 86.3	`rgb(20%,12.2%,86.3%)`
CMYK	77, 86, 0, 14
HSL	246.3°, 75.3, 49.2	`hsl(246.3,75.3%,49.2%)`
HSV (or HSB)	246.3°, 85.9, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.463, 64.236, -89.33
XYZ	14.771, 6.85, 68.25
xyY	0.164, 0.076, 6.85
CIE-LCH	31.463, 110.027, 305.719
CIE-LUV	31.463, -5.933, -113.314
Hunter-Lab	26.173, 54.936, -136.287
Binary	00110011, 00011111, 11011100

#331fdc
```
#331fdc rgb(51,31,220)
```
#c8dc1f
```
#c8dc1f rgb(200,220,31)
```

Complementary Color

#1f6adc
```
#1f6adc rgb(31,106,220)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#921fdc
```
#921fdc rgb(146,31,220)
```

Analogous Color

#6adc1f
```
#6adc1f rgb(106,220,31)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#dc921f
```
#dc921f rgb(220,146,31)
```

Split Complementary Color

#1fdc33
```
#1fdc33 rgb(31,220,51)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#dc331f
```
#dc331f rgb(220,51,31)
```

Triadic Color

#1fc8dc
```
#1fc8dc rgb(31,200,220)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#dc331f
```
#dc331f rgb(220,51,31)
```
#c8dc1f
```
#c8dc1f rgb(200,220,31)
```

Tetradic Color

#231699
```
#231699 rgb(35,22,153)
```
#2919af
```
#2919af rgb(41,25,175)
```
#2e1cc6
```
#2e1cc6 rgb(46,28,198)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#4532e2
```
#4532e2 rgb(69,50,226)
```
#5949e5
```
#5949e5 rgb(89,73,229)
```
#6e5fe8
```
#6e5fe8 rgb(110,95,232)
```

Monochromatic Color

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

#1f3adc
```
#1f3adc rgb(31,58,220)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#231fdc
```
#231fdc rgb(35,31,220)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#431fdc
```
#431fdc rgb(67,31,220)
```
#521fdc
```
#521fdc rgb(82,31,220)
```
#621fdc
```
#621fdc rgb(98,31,220)
```

Similar Colors

Text with hexadecimal color #331fdc

This text has a font color of #331fdc.

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

#331fdc background color

This paragraph has a background color of #331fdc.

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

#331fdc border color

This element has a border color of #331fdc.

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

CSS codes

.text {color:#331fdc;}

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

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

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, #03020e is the darkest color, while #fcfbff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#07041f
```
#07041f rgb(7,4,31)
```
#0b0730
```
#0b0730 rgb(11,7,48)
```
#0f0941
```
#0f0941 rgb(15,9,65)
```
#130c52
```
#130c52 rgb(19,12,82)
```
#170e64
```
#170e64 rgb(23,14,100)
```
#1b1075
```
#1b1075 rgb(27,16,117)
```
#1f1386
```
#1f1386 rgb(31,19,134)
```
#231597
```
#231597 rgb(35,21,151)
```
#2718a8
```
#2718a8 rgb(39,24,168)
```
#2b1aba
```
#2b1aba rgb(43,26,186)
```
#2f1dcb
```
#2f1dcb rgb(47,29,203)
```
#331fdc
```
#331fdc rgb(51,31,220)
```

Shade Color Variation

#402de1
```
#402de1 rgb(64,45,225)
```
#503ee4
```
#503ee4 rgb(80,62,228)
```
#6050e6
```
#6050e6 rgb(96,80,230)
```
#6f61e9
```
#6f61e9 rgb(111,97,233)
```
#7f72eb
```
#7f72eb rgb(127,114,235)
```
#8e83ee
```
#8e83ee rgb(142,131,238)
```
#9e94f0
```
#9e94f0 rgb(158,148,240)
```
#aea6f2
```
#aea6f2 rgb(174,166,242)
```
#bdb7f5
```
#bdb7f5 rgb(189,183,245)
```
#cdc8f7
```
#cdc8f7 rgb(205,200,247)
```
#ddd9fa
```
#ddd9fa rgb(221,217,250)
```
#eceafc
```
#eceafc rgb(236,234,252)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#777685
```
#777685 rgb(119,118,133)
```
#706c8f
```
#706c8f rgb(112,108,143)
```
#686398
```
#686398 rgb(104,99,152)
```
#6159a2
```
#6159a2 rgb(97,89,162)
```
#594fac
```
#594fac rgb(89,79,172)
```
#5146b5
```
#5146b5 rgb(81,70,181)
```
#4a3cbf
```
#4a3cbf rgb(74,60,191)
```
#4232c9
```
#4232c9 rgb(66,50,201)
```
#3b29d2
```
#3b29d2 rgb(59,41,210)
```
#331fdc
```
#331fdc rgb(51,31,220)
```
#2b15e6
```
#2b15e6 rgb(43,21,230)
```
#240cef
```
#240cef rgb(36,12,239)
```
#1c02f9
```
#1c02f9 rgb(28,2,249)
```

Tone Color Variation

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

Dichromacy

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#123eb4 Protanomaly 1% of men, 0.01% of women
#1241a6 Deuteranomaly 6% of men, 0.4% of women
#12458d Tritanomaly 0.01% of the population

#331fdc hex color

#331fdc Color Information

#331fdc Color Conversion

Color Schemes with #331fdc

Alternatives to #331fdc

#331fdc Preview

Shades and Tints of #331fdc

Tones of #331fdc

Color Blindness Simulator