#212d46 hex color

In a RGB color space, hex #212d46 is composed of 12.9% red, 17.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 35.7% magenta, 0% yellow and 72.5% black. It has a hue angle of 220.5 degrees, a saturation of 35.9% and a lightness of 20.2%. #212d46 color hex could be obtained by blending #425a8c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 18
- B 27
RGB color chart
- C 53
- M 36
- Y 0
- K 73
CMYK color chart

● #212d46 color description : Very dark desaturated blue.

The hexadecimal color #212d46 has RGB values of R:33, G:45, B:70 and CMYK values of C:0.53, M:0.36, Y:0, K:0.73. Its decimal value is 2174278.

Hex triplet	212d46	`#212d46`
RGB Decimal	33, 45, 70	`rgb(33,45,70)`
RGB Percent	12.9, 17.6, 27.5	`rgb(12.9%,17.6%,27.5%)`
CMYK	53, 36, 0, 73
HSL	220.5°, 35.9, 20.2	`hsl(220.5,35.9%,20.2%)`
HSV (or HSB)	220.5°, 52.9, 27.5
Web Safe	333333	`#333333`

CIE-LAB	18.55, 3.089, -17.223
XYZ	2.671, 2.642, 6.163
xyY	0.233, 0.23, 2.642
CIE-LCH	18.55, 17.498, 280.167
CIE-LUV	18.55, -5.331, -18.612
Hunter-Lab	16.255, 0.884, -11.102
Binary	00100001, 00101101, 01000110

#212d46
```
#212d46 rgb(33,45,70)
```
#463a21
```
#463a21 rgb(70,58,33)
```

Complementary Color

#214046
```
#214046 rgb(33,64,70)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#282146
```
#282146 rgb(40,33,70)
```

Analogous Color

#404621
```
#404621 rgb(64,70,33)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#462821
```
#462821 rgb(70,40,33)
```

Split Complementary Color

#2d4621
```
#2d4621 rgb(45,70,33)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#46212d
```
#46212d rgb(70,33,45)
```

Triadic Color

#21463a
```
#21463a rgb(33,70,58)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#46212d
```
#46212d rgb(70,33,45)
```
#463a21
```
#463a21 rgb(70,58,33)
```

Tetradic Color

#080c12
```
#080c12 rgb(8,12,18)
```
#111723
```
#111723 rgb(17,23,35)
```
#192235
```
#192235 rgb(25,34,53)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#293857
```
#293857 rgb(41,56,87)
```
#314369
```
#314369 rgb(49,67,105)
```
#3a4e7a
```
#3a4e7a rgb(58,78,122)
```

Monochromatic Color

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

#213646
```
#213646 rgb(33,54,70)
```
#213346
```
#213346 rgb(33,51,70)
```
#213046
```
#213046 rgb(33,48,70)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#212a46
```
#212a46 rgb(33,42,70)
```
#212746
```
#212746 rgb(33,39,70)
```
#212446
```
#212446 rgb(33,36,70)
```

Similar Colors

Text with hexadecimal color #212d46

This text has a font color of #212d46.

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

#212d46 background color

This paragraph has a background color of #212d46.

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

#212d46 border color

This element has a border color of #212d46.

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

CSS codes

.text {color:#212d46;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0e131e
```
#0e131e rgb(14,19,30)
```
#141c2b
```
#141c2b rgb(20,28,43)
```
#1b2439
```
#1b2439 rgb(27,36,57)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#273653
```
#273653 rgb(39,54,83)
```
#2e3e61
```
#2e3e61 rgb(46,62,97)
```
#34476e
```
#34476e rgb(52,71,110)
```
#3a4f7b
```
#3a4f7b rgb(58,79,123)
```
#405889
```
#405889 rgb(64,88,137)
```
#476096
```
#476096 rgb(71,96,150)
```
#4d69a3
```
#4d69a3 rgb(77,105,163)
```

Shade Color Variation

#5572af
```
#5572af rgb(85,114,175)
```
#627db5
```
#627db5 rgb(98,125,181)
```
#7088bb
```
#7088bb rgb(112,136,187)
```
#7d93c2
```
#7d93c2 rgb(125,147,194)
```
#8a9ec8
```
#8a9ec8 rgb(138,158,200)
```
#98a9ce
```
#98a9ce rgb(152,169,206)
```
#a5b4d5
```
#a5b4d5 rgb(165,180,213)
```
#b2bfdb
```
#b2bfdb rgb(178,191,219)
```
#c0cbe1
```
#c0cbe1 rgb(192,203,225)
```
#cdd6e7
```
#cdd6e7 rgb(205,214,231)
```
#dae1ee
```
#dae1ee rgb(218,225,238)
```
#e8ecf4
```
#e8ecf4 rgb(232,236,244)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

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

#313336
```
#313336 rgb(49,51,54)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#29303e
```
#29303e rgb(41,48,62)
```
#252e42
```
#252e42 rgb(37,46,66)
```
#212d46
```
#212d46 rgb(33,45,70)
```
#1d2c4a
```
#1d2c4a rgb(29,44,74)
```
#192a4e
```
#192a4e rgb(25,42,78)
```
#152952
```
#152952 rgb(21,41,82)
```
#112756
```
#112756 rgb(17,39,86)
```
#0d265a
```
#0d265a rgb(13,38,90)
```
#09255e
```
#09255e rgb(9,37,94)
```
#052362
```
#052362 rgb(5,35,98)
```
#012266
```
#012266 rgb(1,34,102)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2a2c31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f374f Protanopia 1% of men
#2d374f Deuteranopia 1% of men
#263b3f Tritanopia 0.001% of the population

Trichromacy

#2a334b Protanomaly 1% of men, 0.01% of women
#28334c Deuteranomaly 6% of men, 0.4% of women
#243641 Tritanomaly 0.01% of the population

#212d46 hex color

#212d46 Color Information

#212d46 Color Conversion

Color Schemes with #212d46

Alternatives to #212d46

#212d46 Preview

Shades and Tints of #212d46

Tones of #212d46

Color Blindness Simulator