#212d33 hex color

In a RGB color space, hex #212d33 is composed of 12.9% red, 17.6% green and 20% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 11.8% magenta, 0% yellow and 80% black. It has a hue angle of 200 degrees, a saturation of 21.4% and a lightness of 16.5%. #212d33 color hex could be obtained by blending #425a66 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 18
- B 20
RGB color chart
- C 35
- M 12
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #212d33 has RGB values of R:33, G:45, B:51 and CMYK values of C:0.35, M:0.12, Y:0, K:0.8. Its decimal value is 2174259.

Hex triplet	212d33	`#212d33`
RGB Decimal	33, 45, 51	`rgb(33,45,51)`
RGB Percent	12.9, 17.6, 20	`rgb(12.9%,17.6%,20%)`
CMYK	35, 12, 0, 80
HSL	200°, 21.4, 16.5	`hsl(200,21.4%,16.5%)`
HSV (or HSB)	200°, 35.3, 20
Web Safe	333333	`#333333`

CIE-LAB	17.641, -3.312, -5.521
XYZ	2.163, 2.439, 3.489
xyY	0.267, 0.301, 2.439
CIE-LCH	17.641, 6.438, 239.042
CIE-LUV	17.641, -5.054, -5.114
Hunter-Lab	15.617, -2.609, -2.312
Binary	00100001, 00101101, 00110011

#212d33
```
#212d33 rgb(33,45,51)
```
#332721
```
#332721 rgb(51,39,33)
```

Complementary Color

#213330
```
#213330 rgb(33,51,48)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#212433
```
#212433 rgb(33,36,51)
```

Analogous Color

#333021
```
#333021 rgb(51,48,33)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#332124
```
#332124 rgb(51,33,36)
```

Split Complementary Color

#2d3321
```
#2d3321 rgb(45,51,33)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#33212d
```
#33212d rgb(51,33,45)
```

Triadic Color

#213327
```
#213327 rgb(33,51,39)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#33212d
```
#33212d rgb(51,33,45)
```
#332721
```
#332721 rgb(51,39,33)
```

Tetradic Color

#030405
```
#030405 rgb(3,4,5)
```
#0d1214
```
#0d1214 rgb(13,18,20)
```
#171f24
```
#171f24 rgb(23,31,36)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#2b3b42
```
#2b3b42 rgb(43,59,66)
```
#354852
```
#354852 rgb(53,72,82)
```
#3f5661
```
#3f5661 rgb(63,86,97)
```

Monochromatic Color

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

#213233
```
#213233 rgb(33,50,51)
```
#213033
```
#213033 rgb(33,48,51)
```
#212f33
```
#212f33 rgb(33,47,51)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#212c33
```
#212c33 rgb(33,44,51)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#212933
```
#212933 rgb(33,41,51)
```

Similar Colors

Text with hexadecimal color #212d33

This text has a font color of #212d33.

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

#212d33 background color

This paragraph has a background color of #212d33.

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

#212d33 border color

This element has a border color of #212d33.

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

CSS codes

.text {color:#212d33;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0d0f
```
#0a0d0f rgb(10,13,15)
```
#12181b
```
#12181b rgb(18,24,27)
```
#192227
```
#192227 rgb(25,34,39)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#29383f
```
#29383f rgb(41,56,63)
```
#30424b
```
#30424b rgb(48,66,75)
```
#384d57
```
#384d57 rgb(56,77,87)
```
#405763
```
#405763 rgb(64,87,99)
```
#48626f
```
#48626f rgb(72,98,111)
```
#4f6c7a
```
#4f6c7a rgb(79,108,122)
```
#577786
```
#577786 rgb(87,119,134)
```
#5f8192
```
#5f8192 rgb(95,129,146)
```

Shade Color Variation

#688b9d
```
#688b9d rgb(104,139,157)
```
#7394a5
```
#7394a5 rgb(115,148,165)
```
#7f9dac
```
#7f9dac rgb(127,157,172)
```
#8ba7b4
```
#8ba7b4 rgb(139,167,180)
```
#97b0bc
```
#97b0bc rgb(151,176,188)
```
#a3b9c4
```
#a3b9c4 rgb(163,185,196)
```
#afc2cb
```
#afc2cb rgb(175,194,203)
```
#bbcbd3
```
#bbcbd3 rgb(187,203,211)
```
#c7d4db
```
#c7d4db rgb(199,212,219)
```
#d3dde2
```
#d3dde2 rgb(211,221,226)
```
#dfe6ea
```
#dfe6ea rgb(223,230,234)
```
#ebeff2
```
#ebeff2 rgb(235,239,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#272b2d
```
#272b2d rgb(39,43,45)
```
#242c30
```
#242c30 rgb(36,44,48)
```
#212d33
```
#212d33 rgb(33,45,51)
```
#1e2e36
```
#1e2e36 rgb(30,46,54)
```
#1b2f39
```
#1b2f39 rgb(27,47,57)
```
#17303d
```
#17303d rgb(23,48,61)
```
#143140
```
#143140 rgb(20,49,64)
```
#113243
```
#113243 rgb(17,50,67)
```
#0e3346
```
#0e3346 rgb(14,51,70)
```
#0a354a
```
#0a354a rgb(10,53,74)
```
#07364d
```
#07364d rgb(7,54,77)
```
#043750
```
#043750 rgb(4,55,80)
```
#013853
```
#013853 rgb(1,56,83)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#282b2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#35353c Protanopia 1% of men
#37353e Deuteranopia 1% of men
#2c383c Tritanopia 0.001% of the population

Trichromacy

#2d3239 Protanomaly 1% of men, 0.01% of women
#2f323a Deuteranomaly 6% of men, 0.4% of women
#283438 Tritanomaly 0.01% of the population

#212d33 hex color

#212d33 Color Information

#212d33 Color Conversion

Color Schemes with #212d33

Alternatives to #212d33

#212d33 Preview

Shades and Tints of #212d33

Tones of #212d33

Color Blindness Simulator