#3214df hex color

In a RGB color space, hex #3214df is composed of 19.6% red, 7.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 91% magenta, 0% yellow and 12.5% black. It has a hue angle of 248.9 degrees, a saturation of 83.5% and a lightness of 47.6%. #3214df color hex could be obtained by blending #6428ff with #0000bf. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 20
- G 8
- B 87
RGB color chart
- C 78
- M 91
- Y 0
- K 13
CMYK color chart

● #3214df color description : Vivid blue.

The hexadecimal color #3214df has RGB values of R:50, G:20, B:223 and CMYK values of C:0.78, M:0.91, Y:0, K:0.13. Its decimal value is 3282143.

Hex triplet	3214df	`#3214df`
RGB Decimal	50, 20, 223	`rgb(50,20,223)`
RGB Percent	19.6, 7.8, 87.5	`rgb(19.6%,7.8%,87.5%)`
CMYK	78, 91, 0, 13
HSL	248.9°, 83.5, 47.6	`hsl(248.9,83.5%,47.6%)`
HSV (or HSB)	248.9°, 91, 87.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.653, 68.402, -92.407
XYZ	14.882, 6.505, 70.279
xyY	0.162, 0.071, 6.505
CIE-LCH	30.653, 114.969, 306.51
CIE-LUV	30.653, -5.463, -114.463
Hunter-Lab	25.505, 59.52, -145.518
Binary	00110010, 00010100, 11011111

#3214df
```
#3214df rgb(50,20,223)
```
#c1df14
```
#c1df14 rgb(193,223,20)
```

Complementary Color

#145cdf
```
#145cdf rgb(20,92,223)
```
#3214df
```
#3214df rgb(50,20,223)
```
#9814df
```
#9814df rgb(152,20,223)
```

Analogous Color

#5cdf14
```
#5cdf14 rgb(92,223,20)
```
#3214df
```
#3214df rgb(50,20,223)
```
#df9814
```
#df9814 rgb(223,152,20)
```

Split Complementary Color

#14df32
```
#14df32 rgb(20,223,50)
```
#3214df
```
#3214df rgb(50,20,223)
```
#df3214
```
#df3214 rgb(223,50,20)
```

Triadic Color

#14c1df
```
#14c1df rgb(20,193,223)
```
#3214df
```
#3214df rgb(50,20,223)
```
#df3214
```
#df3214 rgb(223,50,20)
```
#c1df14
```
#c1df14 rgb(193,223,20)
```

Tetradic Color

#220e99
```
#220e99 rgb(34,14,153)
```
#2810b0
```
#2810b0 rgb(40,16,176)
```
#2d12c8
```
#2d12c8 rgb(45,18,200)
```
#3214df
```
#3214df rgb(50,20,223)
```
#3f21eb
```
#3f21eb rgb(63,33,235)
```
#5339ed
```
#5339ed rgb(83,57,237)
```
#6850ef
```
#6850ef rgb(104,80,239)
```

Monochromatic Color

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

#1429df
```
#1429df rgb(20,41,223)
```
#1418df
```
#1418df rgb(20,24,223)
```
#2114df
```
#2114df rgb(33,20,223)
```
#3214df
```
#3214df rgb(50,20,223)
```
#4314df
```
#4314df rgb(67,20,223)
```
#5414df
```
#5414df rgb(84,20,223)
```
#6514df
```
#6514df rgb(101,20,223)
```

Similar Colors

Text with hexadecimal color #3214df

This text has a font color of #3214df.

<span style="color:#3214df;">Text here</span>

#3214df background color

This paragraph has a background color of #3214df.

<p style="background-color:#3214df;">Content here</p>

#3214df border color

This element has a border color of #3214df.

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

CSS codes

.text {color:#3214df;}

.background {background-color:#3214df;}

.border {border:1px solid #3214df;}

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

#020107
```
#020107 rgb(2,1,7)
```
#060219
```
#060219 rgb(6,2,25)
```
#0a042b
```
#0a042b rgb(10,4,43)
```
#0e053d
```
#0e053d rgb(14,5,61)
```
#12074f
```
#12074f rgb(18,7,79)
```
#160961
```
#160961 rgb(22,9,97)
```
#1a0a73
```
#1a0a73 rgb(26,10,115)
```
#1e0c85
```
#1e0c85 rgb(30,12,133)
```
#220e97
```
#220e97 rgb(34,14,151)
```
#260fa9
```
#260fa9 rgb(38,15,169)
```
#2a11bb
```
#2a11bb rgb(42,17,187)
```
#2e12cd
```
#2e12cd rgb(46,18,205)
```
#3214df
```
#3214df rgb(50,20,223)
```

Shade Color Variation

#3b1ceb
```
#3b1ceb rgb(59,28,235)
```
#4a2eec
```
#4a2eec rgb(74,46,236)
```
#5a40ee
```
#5a40ee rgb(90,64,238)
```
#6952ef
```
#6952ef rgb(105,82,239)
```
#7964f1
```
#7964f1 rgb(121,100,241)
```
#8876f3
```
#8876f3 rgb(136,118,243)
```
#9888f4
```
#9888f4 rgb(152,136,244)
```
#a89af6
```
#a89af6 rgb(168,154,246)
```
#b7acf8
```
#b7acf8 rgb(183,172,248)
```
#c7bef9
```
#c7bef9 rgb(199,190,249)
```
#d6d0fb
```
#d6d0fb rgb(214,208,251)
```
#e6e2fc
```
#e6e2fc rgb(230,226,252)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

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

#747182
```
#747182 rgb(116,113,130)
```
#6d688b
```
#6d688b rgb(109,104,139)
```
#675f94
```
#675f94 rgb(103,95,148)
```
#60559e
```
#60559e rgb(96,85,158)
```
#5a4ca7
```
#5a4ca7 rgb(90,76,167)
```
#5343b0
```
#5343b0 rgb(83,67,176)
```
#4c39ba
```
#4c39ba rgb(76,57,186)
```
#4630c3
```
#4630c3 rgb(70,48,195)
```
#3f27cc
```
#3f27cc rgb(63,39,204)
```
#391dd6
```
#391dd6 rgb(57,29,214)
```
#3214df
```
#3214df rgb(50,20,223)
```
#2b0be8
```
#2b0be8 rgb(43,11,232)
```
#2501f2
```
#2501f2 rgb(37,1,242)
```

Tone Color Variation

Below, you can see how #3214df 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

#343434 Achromatopsia 0.005% of the population
#342e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#1239b3 Protanomaly 1% of men, 0.01% of women
#123ca5 Deuteranomaly 6% of men, 0.4% of women
#12408c Tritanomaly 0.01% of the population

#3214df hex color

#3214df Color Information

#3214df Color Conversion

Color Schemes with #3214df

Alternatives to #3214df

#3214df Preview

Shades and Tints of #3214df

Tones of #3214df

Color Blindness Simulator