colorhexa.com

#212fd4 hex color

In a RGB color space, hex #212fd4 is composed of 12.9% red, 18.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 77.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.3 degrees, a saturation of 73.1% and a lightness of 48%. #212fd4 color hex could be obtained by blending #425eff with #0000a9. Closest websafe color is: #3333cc.

- R 13
- G 18
- B 83
RGB color chart
- C 84
- M 78
- Y 0
- K 17
CMYK color chart

● #212fd4 color description : Strong blue.

The hexadecimal color #212fd4 has RGB values of R:33, G:47, B:212 and CMYK values of C:0.84, M:0.78, Y:0, K:0.17. Its decimal value is 2174932.

Hex triplet	212fd4	`#212fd4`
RGB Decimal	33, 47, 212	`rgb(33,47,212)`
RGB Percent	12.9, 18.4, 83.1	`rgb(12.9%,18.4%,83.1%)`
CMYK	84, 78, 0, 17
HSL	235.3°, 73.1, 48	`hsl(235.3,73.1%,48%)`
HSV (or HSB)	235.3°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.053, 53.911, -83.756
XYZ	13.525, 7.109, 62.943
xyY	0.162, 0.085, 7.109
CIE-LCH	32.053, 99.606, 302.768
CIE-LUV	32.053, -9.48, -108.871
Hunter-Lab	26.662, 43.888, -121.305
Binary	00100001, 00101111, 11010100

#212fd4
```
#212fd4 rgb(33,47,212)
```
#d4c621
```
#d4c621 rgb(212,198,33)
```

Complementary Color

#2189d4
```
#2189d4 rgb(33,137,212)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#6d21d4
```
#6d21d4 rgb(109,33,212)
```

Analogous Color

#89d421
```
#89d421 rgb(137,212,33)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#d46d21
```
#d46d21 rgb(212,109,33)
```

Split Complementary Color

#2fd421
```
#2fd421 rgb(47,212,33)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#d4212f
```
#d4212f rgb(212,33,47)
```

Triadic Color

#21d4c6
```
#21d4c6 rgb(33,212,198)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#d4212f
```
#d4212f rgb(212,33,47)
```
#d4c621
```
#d4c621 rgb(212,198,33)
```

Tetradic Color

#172092
```
#172092 rgb(23,32,146)
```
#1a25a8
```
#1a25a8 rgb(26,37,168)
```
#1e2abe
```
#1e2abe rgb(30,42,190)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#303ddf
```
#303ddf rgb(48,61,223)
```
#4652e2
```
#4652e2 rgb(70,82,226)
```
#5c67e6
```
#5c67e6 rgb(92,103,230)
```

Monochromatic Color

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

#215cd4
```
#215cd4 rgb(33,92,212)
```
#214dd4
```
#214dd4 rgb(33,77,212)
```
#213ed4
```
#213ed4 rgb(33,62,212)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#2221d4
```
#2221d4 rgb(34,33,212)
```
#3121d4
```
#3121d4 rgb(49,33,212)
```
#4021d4
```
#4021d4 rgb(64,33,212)
```

Similar Colors

Text with hexadecimal color #212fd4

This text has a font color of #212fd4.

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

#212fd4 background color

This paragraph has a background color of #212fd4.

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

#212fd4 border color

This element has a border color of #212fd4.

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

CSS codes

.text {color:#212fd4;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#040619
```
#040619 rgb(4,6,25)
```
#07092a
```
#07092a rgb(7,9,42)
```
#090d3b
```
#090d3b rgb(9,13,59)
```
#0c114c
```
#0c114c rgb(12,17,76)
```
#0f155d
```
#0f155d rgb(15,21,93)
```
#11186e
```
#11186e rgb(17,24,110)
```
#141c7f
```
#141c7f rgb(20,28,127)
```
#162090
```
#162090 rgb(22,32,144)
```
#1924a1
```
#1924a1 rgb(25,36,161)
```
#1c27b2
```
#1c27b2 rgb(28,39,178)
```
#1e2bc3
```
#1e2bc3 rgb(30,43,195)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```

Shade Color Variation

#2b39de
```
#2b39de rgb(43,57,222)
```
#3c49e1
```
#3c49e1 rgb(60,73,225)
```
#4d58e3
```
#4d58e3 rgb(77,88,227)
```
#5e68e6
```
#5e68e6 rgb(94,104,230)
```
#6f78e9
```
#6f78e9 rgb(111,120,233)
```
#8088eb
```
#8088eb rgb(128,136,235)
```
#9198ee
```
#9198ee rgb(145,152,238)
```
#a1a8f0
```
#a1a8f0 rgb(161,168,240)
```
#b2b8f3
```
#b2b8f3 rgb(178,184,243)
```
#c3c7f6
```
#c3c7f6 rgb(195,199,246)
```
#d4d7f8
```
#d4d7f8 rgb(212,215,248)
```
#e5e7fb
```
#e5e7fb rgb(229,231,251)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777f is the less saturated color, while #0517f0 is the most saturated one.

#76777f
```
#76777f rgb(118,119,127)
```
#6c6f89
```
#6c6f89 rgb(108,111,137)
```
#636792
```
#636792 rgb(99,103,146)
```
#5a5f9b
```
#5a5f9b rgb(90,95,155)
```
#5057a5
```
#5057a5 rgb(80,87,165)
```
#474fae
```
#474fae rgb(71,79,174)
```
#3d47b8
```
#3d47b8 rgb(61,71,184)
```
#343fc1
```
#343fc1 rgb(52,63,193)
```
#2a37cb
```
#2a37cb rgb(42,55,203)
```
#212fd4
```
#212fd4 rgb(33,47,212)
```
#1827dd
```
#1827dd rgb(24,39,221)
```
#0e1fe7
```
#0e1fe7 rgb(14,31,231)
```
#0517f0
```
#0517f0 rgb(5,23,240)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#383b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0c45b2 Protanomaly 1% of men, 0.01% of women
#0c48a5 Deuteranomaly 6% of men, 0.4% of women
#0c4c8b Tritanomaly 0.01% of the population