#212d7f hex color

In a RGB color space, hex #212d7f is composed of 12.9% red, 17.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 64.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 232.3 degrees, a saturation of 58.8% and a lightness of 31.4%. #212d7f color hex could be obtained by blending #425afe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 18
- B 50
RGB color chart
- C 74
- M 65
- Y 0
- K 50
CMYK color chart

● #212d7f color description : Dark blue.

The hexadecimal color #212d7f has RGB values of R:33, G:45, B:127 and CMYK values of C:0.74, M:0.65, Y:0, K:0.5. Its decimal value is 2174335.

Hex triplet	212d7f	`#212d7f`
RGB Decimal	33, 45, 127	`rgb(33,45,127)`
RGB Percent	12.9, 17.6, 49.8	`rgb(12.9%,17.6%,49.8%)`
CMYK	74, 65, 0, 50
HSL	232.3°, 58.8, 31.4	`hsl(232.3,58.8%,31.4%)`
HSV (or HSB)	232.3°, 74, 49.8
Web Safe	333366	`#333366`

CIE-LAB	22.765, 25.072, -47.818
XYZ	5.396, 3.732, 20.514
xyY	0.182, 0.126, 3.732
CIE-LCH	22.765, 53.992, 297.669
CIE-LUV	22.765, -6.587, -57.731
Hunter-Lab	19.319, 16.046, -49.434
Binary	00100001, 00101101, 01111111

#212d7f
```
#212d7f rgb(33,45,127)
```
#7f7321
```
#7f7321 rgb(127,115,33)
```

Complementary Color

#215c7f
```
#215c7f rgb(33,92,127)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#44217f
```
#44217f rgb(68,33,127)
```

Analogous Color

#5c7f21
```
#5c7f21 rgb(92,127,33)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#7f4421
```
#7f4421 rgb(127,68,33)
```

Split Complementary Color

#2d7f21
```
#2d7f21 rgb(45,127,33)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#7f212d
```
#7f212d rgb(127,33,45)
```

Triadic Color

#217f73
```
#217f73 rgb(33,127,115)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#7f212d
```
#7f212d rgb(127,33,45)
```
#7f7321
```
#7f7321 rgb(127,115,33)
```

Tetradic Color

#111742
```
#111742 rgb(17,23,66)
```
#161f57
```
#161f57 rgb(22,31,87)
```
#1c266b
```
#1c266b rgb(28,38,107)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#263493
```
#263493 rgb(38,52,147)
```
#2c3ba7
```
#2c3ba7 rgb(44,59,167)
```
#3143bc
```
#3143bc rgb(49,67,188)
```

Monochromatic Color

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

#21457f
```
#21457f rgb(33,69,127)
```
#213d7f
```
#213d7f rgb(33,61,127)
```
#21357f
```
#21357f rgb(33,53,127)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#21257f
```
#21257f rgb(33,37,127)
```
#25217f
```
#25217f rgb(37,33,127)
```
#2d217f
```
#2d217f rgb(45,33,127)
```

Similar Colors

Text with hexadecimal color #212d7f

This text has a font color of #212d7f.

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

#212d7f background color

This paragraph has a background color of #212d7f.

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

#212d7f border color

This element has a border color of #212d7f.

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

CSS codes

.text {color:#212d7f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050612
```
#050612 rgb(5,6,18)
```
#090c22
```
#090c22 rgb(9,12,34)
```
#0d1131
```
#0d1131 rgb(13,17,49)
```
#111741
```
#111741 rgb(17,23,65)
```
#151c50
```
#151c50 rgb(21,28,80)
```
#192260
```
#192260 rgb(25,34,96)
```
#1d276f
```
#1d276f rgb(29,39,111)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#25338f
```
#25338f rgb(37,51,143)
```
#29389e
```
#29389e rgb(41,56,158)
```
#2d3eae
```
#2d3eae rgb(45,62,174)
```
#3143bd
```
#3143bd rgb(49,67,189)
```

Shade Color Variation

#374acb
```
#374acb rgb(55,74,203)
```
#4758cf
```
#4758cf rgb(71,88,207)
```
#5666d3
```
#5666d3 rgb(86,102,211)
```
#6674d7
```
#6674d7 rgb(102,116,215)
```
#7582db
```
#7582db rgb(117,130,219)
```
#8590df
```
#8590df rgb(133,144,223)
```
#949fe3
```
#949fe3 rgb(148,159,227)
```
#a4ade7
```
#a4ade7 rgb(164,173,231)
```
#b4bbeb
```
#b4bbeb rgb(180,187,235)
```
#c3c9ef
```
#c3c9ef rgb(195,201,239)
```
#d3d7f3
```
#d3d7f3 rgb(211,215,243)
```
#e2e5f8
```
#e2e5f8 rgb(226,229,248)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4d54 is the less saturated color, while #02169e is the most saturated one.

#4c4d54
```
#4c4d54 rgb(76,77,84)
```
#46485a
```
#46485a rgb(70,72,90)
```
#404460
```
#404460 rgb(64,68,96)
```
#3a3f66
```
#3a3f66 rgb(58,63,102)
```
#333b6d
```
#333b6d rgb(51,59,109)
```
#2d3673
```
#2d3673 rgb(45,54,115)
```
#273279
```
#273279 rgb(39,50,121)
```
#212d7f
```
#212d7f rgb(33,45,127)
```
#1b2885
```
#1b2885 rgb(27,40,133)
```
#15248b
```
#15248b rgb(21,36,139)
```
#0f1f91
```
#0f1f91 rgb(15,31,145)
```
#081b98
```
#081b98 rgb(8,27,152)
```
#02169e
```
#02169e rgb(2,22,158)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f3242 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00426b Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#0c387c Protanomaly 1% of men, 0.01% of women
#0c3a72 Deuteranomaly 6% of men, 0.4% of women
#0c3d5e Tritanomaly 0.01% of the population

#212d7f hex color

#212d7f Color Information

#212d7f Color Conversion

Color Schemes with #212d7f

Alternatives to #212d7f

#212d7f Preview

Shades and Tints of #212d7f

Tones of #212d7f

Color Blindness Simulator