#212fe4 hex color

In a RGB color space, hex #212fe4 is composed of 12.9% red, 18.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 79.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 235.7 degrees, a saturation of 78.3% and a lightness of 51.2%. #212fe4 color hex could be obtained by blending #425eff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 18
- B 89
RGB color chart
- C 86
- M 79
- Y 0
- K 11
CMYK color chart

● #212fe4 color description : Vivid blue.

The hexadecimal color #212fe4 has RGB values of R:33, G:47, B:228 and CMYK values of C:0.86, M:0.79, Y:0, K:0.11. Its decimal value is 2174948.

Hex triplet	212fe4	`#212fe4`
RGB Decimal	33, 47, 228	`rgb(33,47,228)`
RGB Percent	12.9, 18.4, 89.4	`rgb(12.9%,18.4%,89.4%)`
CMYK	86, 79, 0, 11
HSL	235.7°, 78.3, 51.2	`hsl(235.7,78.3%,51.2%)`
HSV (or HSB)	235.7°, 85.5, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.892, 58.963, -89.903
XYZ	15.644, 7.957, 74.106
xyY	0.16, 0.081, 7.957
CIE-LCH	33.892, 107.514, 303.259
CIE-LUV	33.892, -10.004, -118.048
Hunter-Lab	28.208, 49.637, -136.019
Binary	00100001, 00101111, 11100100

#212fe4
```
#212fe4 rgb(33,47,228)
```
#e4d621
```
#e4d621 rgb(228,214,33)
```

Complementary Color

#2191e4
```
#2191e4 rgb(33,145,228)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#7521e4
```
#7521e4 rgb(117,33,228)
```

Analogous Color

#91e421
```
#91e421 rgb(145,228,33)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#e47521
```
#e47521 rgb(228,117,33)
```

Split Complementary Color

#2fe421
```
#2fe421 rgb(47,228,33)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#e4212f
```
#e4212f rgb(228,33,47)
```

Triadic Color

#21e4d6
```
#21e4d6 rgb(33,228,214)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#e4212f
```
#e4212f rgb(228,33,47)
```
#e4d621
```
#e4d621 rgb(228,214,33)
```

Tetradic Color

#141ea4
```
#141ea4 rgb(20,30,164)
```
#1723bb
```
#1723bb rgb(23,35,187)
```
#1a27d2
```
#1a27d2 rgb(26,39,210)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#3844e7
```
#3844e7 rgb(56,68,231)
```
#4e5aea
```
#4e5aea rgb(78,90,234)
```
#656fec
```
#656fec rgb(101,111,236)
```

Monochromatic Color

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

#2160e4
```
#2160e4 rgb(33,96,228)
```
#2150e4
```
#2150e4 rgb(33,80,228)
```
#213fe4
```
#213fe4 rgb(33,63,228)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#2321e4
```
#2321e4 rgb(35,33,228)
```
#3321e4
```
#3321e4 rgb(51,33,228)
```
#4421e4
```
#4421e4 rgb(68,33,228)
```

Similar Colors

Text with hexadecimal color #212fe4

This text has a font color of #212fe4.

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

#212fe4 background color

This paragraph has a background color of #212fe4.

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

#212fe4 border color

This element has a border color of #212fe4.

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

CSS codes

.text {color:#212fe4;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030417
```
#030417 rgb(3,4,23)
```
#050728
```
#050728 rgb(5,7,40)
```
#070b3a
```
#070b3a rgb(7,11,58)
```
#090e4b
```
#090e4b rgb(9,14,75)
```
#0b115d
```
#0b115d rgb(11,17,93)
```
#0d146e
```
#0d146e rgb(13,20,110)
```
#101880
```
#101880 rgb(16,24,128)
```
#121b91
```
#121b91 rgb(18,27,145)
```
#141ea3
```
#141ea3 rgb(20,30,163)
```
#1621b4
```
#1621b4 rgb(22,33,180)
```
#1825c6
```
#1825c6 rgb(24,37,198)
```
#1a28d7
```
#1a28d7 rgb(26,40,215)
```

Shade Color Variation

#212fe4
```
#212fe4 rgb(33,47,228)
```
#323fe6
```
#323fe6 rgb(50,63,230)
```
#4450e8
```
#4450e8 rgb(68,80,232)
```
#5560ea
```
#5560ea rgb(85,96,234)
```
#6771ed
```
#6771ed rgb(103,113,237)
```
#7881ef
```
#7881ef rgb(120,129,239)
```
#8a91f1
```
#8a91f1 rgb(138,145,241)
```
#9ba2f3
```
#9ba2f3 rgb(155,162,243)
```
#adb2f5
```
#adb2f5 rgb(173,178,245)
```
#bec2f7
```
#bec2f7 rgb(190,194,247)
```
#d0d3f9
```
#d0d3f9 rgb(208,211,249)
```
#e1e3fb
```
#e1e3fb rgb(225,227,251)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#818184
```
#818184 rgb(129,129,132)
```
#77798e
```
#77798e rgb(119,121,142)
```
#6e7197
```
#6e7197 rgb(110,113,151)
```
#6468a1
```
#6468a1 rgb(100,104,161)
```
#5a60ab
```
#5a60ab rgb(90,96,171)
```
#5158b4
```
#5158b4 rgb(81,88,180)
```
#4750be
```
#4750be rgb(71,80,190)
```
#3e48c7
```
#3e48c7 rgb(62,72,199)
```
#343fd1
```
#343fd1 rgb(52,63,209)
```
#2b37da
```
#2b37da rgb(43,55,218)
```
#212fe4
```
#212fe4 rgb(33,47,228)
```
#1727ee
```
#1727ee rgb(23,39,238)
```
#0e1ff7
```
#0e1ff7 rgb(14,31,247)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#393c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0c48bd Protanomaly 1% of men, 0.01% of women
#0c4baf Deuteranomaly 6% of men, 0.4% of women
#0c4f93 Tritanomaly 0.01% of the population

#212fe4 hex color

#212fe4 Color Information

#212fe4 Color Conversion

Color Schemes with #212fe4

Alternatives to #212fe4

#212fe4 Preview

Shades and Tints of #212fe4

Tones of #212fe4

Color Blindness Simulator