#212ff6 hex color

In a RGB color space, hex #212ff6 is composed of 12.9% red, 18.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 80.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 236.1 degrees, a saturation of 92.2% and a lightness of 54.7%. #212ff6 color hex could be obtained by blending #425eff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 18
- B 96
RGB color chart
- C 87
- M 81
- Y 0
- K 4
CMYK color chart

● #212ff6 color description : Vivid blue.

The hexadecimal color #212ff6 has RGB values of R:33, G:47, B:246 and CMYK values of C:0.87, M:0.81, Y:0, K:0.04. Its decimal value is 2174966.

Hex triplet	212ff6	`#212ff6`
RGB Decimal	33, 47, 246	`rgb(33,47,246)`
RGB Percent	12.9, 18.4, 96.5	`rgb(12.9%,18.4%,96.5%)`
CMYK	87, 81, 0, 4
HSL	236.1°, 92.2, 54.7	`hsl(236.1,92.2%,54.7%)`
HSV (or HSB)	236.1°, 86.6, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.001, 64.443, -96.61
XYZ	18.275, 9.009, 87.959
xyY	0.159, 0.078, 9.009
CIE-LCH	36.001, 116.131, 303.705
CIE-LUV	36.001, -10.606, -128.253
Hunter-Lab	30.015, 56.157, -152.742
Binary	00100001, 00101111, 11110110

#212ff6
```
#212ff6 rgb(33,47,246)
```
#f6e821
```
#f6e821 rgb(246,232,33)
```

Complementary Color

#219af6
```
#219af6 rgb(33,154,246)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#7e21f6
```
#7e21f6 rgb(126,33,246)
```

Analogous Color

#9af621
```
#9af621 rgb(154,246,33)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#f67e21
```
#f67e21 rgb(246,126,33)
```

Split Complementary Color

#2ff621
```
#2ff621 rgb(47,246,33)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#f6212f
```
#f6212f rgb(246,33,47)
```

Triadic Color

#21f6e8
```
#21f6e8 rgb(33,246,232)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#f6212f
```
#f6212f rgb(246,33,47)
```
#f6e821
```
#f6e821 rgb(246,232,33)
```

Tetradic Color

#0814c3
```
#0814c3 rgb(8,20,195)
```
#0917db
```
#0917db rgb(9,23,219)
```
#0a19f4
```
#0a19f4 rgb(10,25,244)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#3a46f7
```
#3a46f7 rgb(58,70,247)
```
#525df8
```
#525df8 rgb(82,93,248)
```
#6b74f9
```
#6b74f9 rgb(107,116,249)
```

Monochromatic Color

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

#2164f6
```
#2164f6 rgb(33,100,246)
```
#2153f6
```
#2153f6 rgb(33,83,246)
```
#2141f6
```
#2141f6 rgb(33,65,246)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#2521f6
```
#2521f6 rgb(37,33,246)
```
#3721f6
```
#3721f6 rgb(55,33,246)
```
#4821f6
```
#4821f6 rgb(72,33,246)
```

Similar Colors

Text with hexadecimal color #212ff6

This text has a font color of #212ff6.

<span style="color:#212ff6;">Text here</span>

#212ff6 background color

This paragraph has a background color of #212ff6.

<p style="background-color:#212ff6;">Content here</p>

#212ff6 border color

This element has a border color of #212ff6.

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

CSS codes

.text {color:#212ff6;}

.background {background-color:#212ff6;}

.border {border:1px solid #212ff6;}

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

#000004
```
#000004 rgb(0,0,4)
```
#010217
```
#010217 rgb(1,2,23)
```
#02042a
```
#02042a rgb(2,4,42)
```
#02063d
```
#02063d rgb(2,6,61)
```
#030850
```
#030850 rgb(3,8,80)
```
#040a62
```
#040a62 rgb(4,10,98)
```
#050c75
```
#050c75 rgb(5,12,117)
```
#060e88
```
#060e88 rgb(6,14,136)
```
#06109b
```
#06109b rgb(6,16,155)
```
#0712ae
```
#0712ae rgb(7,18,174)
```
#0814c1
```
#0814c1 rgb(8,20,193)
```
#0916d4
```
#0916d4 rgb(9,22,212)
```
#0918e6
```
#0918e6 rgb(9,24,230)
```

Shade Color Variation

#0e1df5
```
#0e1df5 rgb(14,29,245)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#3441f7
```
#3441f7 rgb(52,65,247)
```
#4752f8
```
#4752f8 rgb(71,82,248)
```
#5a64f8
```
#5a64f8 rgb(90,100,248)
```
#6c76f9
```
#6c76f9 rgb(108,118,249)
```
#7f87fa
```
#7f87fa rgb(127,135,250)
```
#9299fb
```
#9299fb rgb(146,153,251)
```
#a5abfb
```
#a5abfb rgb(165,171,251)
```
#b8bcfc
```
#b8bcfc rgb(184,188,252)
```
#cbcefd
```
#cbcefd rgb(203,206,253)
```
#dee0fe
```
#dee0fe rgb(222,224,254)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#838494
```
#838494 rgb(131,132,148)
```
#7a7c9d
```
#7a7c9d rgb(122,124,157)
```
#7174a6
```
#7174a6 rgb(113,116,166)
```
#686daf
```
#686daf rgb(104,109,175)
```
#5f65b8
```
#5f65b8 rgb(95,101,184)
```
#565dc1
```
#565dc1 rgb(86,93,193)
```
#4d56ca
```
#4d56ca rgb(77,86,202)
```
#454ed2
```
#454ed2 rgb(69,78,210)
```
#3c46db
```
#3c46db rgb(60,70,219)
```
#333ee4
```
#333ee4 rgb(51,62,228)
```
#2a37ed
```
#2a37ed rgb(42,55,237)
```
#212ff6
```
#212ff6 rgb(33,47,246)
```
#1827ff
```
#1827ff rgb(24,39,255)
```

Tone Color Variation

Below, you can see how #212ff6 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

#424242 Achromatopsia 0.005% of the population
#3b3e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0c4ac9 Protanomaly 1% of men, 0.01% of women
#0c4eba Deuteranomaly 6% of men, 0.4% of women
#0c529d Tritanomaly 0.01% of the population

#212ff6 hex color

#212ff6 Color Information

#212ff6 Color Conversion

Color Schemes with #212ff6

Alternatives to #212ff6

#212ff6 Preview

Shades and Tints of #212ff6

Tones of #212ff6

Color Blindness Simulator