#212c3e hex color

In a RGB color space, hex #212c3e is composed of 12.9% red, 17.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 29% magenta, 0% yellow and 75.7% black. It has a hue angle of 217.2 degrees, a saturation of 30.5% and a lightness of 18.6%. #212c3e color hex could be obtained by blending #42587c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 17
- B 24
RGB color chart
- C 47
- M 29
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #212c3e has RGB values of R:33, G:44, B:62 and CMYK values of C:0.47, M:0.29, Y:0, K:0.76. Its decimal value is 2174014.

Hex triplet	212c3e	`#212c3e`
RGB Decimal	33, 44, 62	`rgb(33,44,62)`
RGB Percent	12.9, 17.3, 24.3	`rgb(12.9%,17.3%,24.3%)`
CMYK	47, 29, 0, 76
HSL	217.2°, 30.5, 18.6	`hsl(217.2,30.5%,18.6%)`
HSV (or HSB)	217.2°, 46.8, 24.3
Web Safe	333333	`#333333`

CIE-LAB	17.793, 0.97, -12.914
XYZ	2.397, 2.472, 4.908
xyY	0.245, 0.253, 2.472
CIE-LCH	17.793, 12.95, 274.294
CIE-LUV	17.793, -4.846, -13.381
Hunter-Lab	15.724, -0.304, -7.5
Binary	00100001, 00101100, 00111110

#212c3e
```
#212c3e rgb(33,44,62)
```
#3e3321
```
#3e3321 rgb(62,51,33)
```

Complementary Color

#213b3e
```
#213b3e rgb(33,59,62)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#25213e
```
#25213e rgb(37,33,62)
```

Analogous Color

#3b3e21
```
#3b3e21 rgb(59,62,33)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#3e2521
```
#3e2521 rgb(62,37,33)
```

Split Complementary Color

#2c3e21
```
#2c3e21 rgb(44,62,33)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#3e212c
```
#3e212c rgb(62,33,44)
```

Triadic Color

#213e33
```
#213e33 rgb(33,62,51)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#3e212c
```
#3e212c rgb(62,33,44)
```
#3e3321
```
#3e3321 rgb(62,51,33)
```

Tetradic Color

#06090c
```
#06090c rgb(6,9,12)
```
#0f141d
```
#0f141d rgb(15,20,29)
```
#18202d
```
#18202d rgb(24,32,45)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#2a384f
```
#2a384f rgb(42,56,79)
```
#33445f
```
#33445f rgb(51,68,95)
```
#3c4f70
```
#3c4f70 rgb(60,79,112)
```

Monochromatic Color

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

#21333e
```
#21333e rgb(33,51,62)
```
#21313e
```
#21313e rgb(33,49,62)
```
#212e3e
```
#212e3e rgb(33,46,62)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#212a3e
```
#212a3e rgb(33,42,62)
```
#21273e
```
#21273e rgb(33,39,62)
```
#21253e
```
#21253e rgb(33,37,62)
```

Similar Colors

Text with hexadecimal color #212c3e

This text has a font color of #212c3e.

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

#212c3e background color

This paragraph has a background color of #212c3e.

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

#212c3e border color

This element has a border color of #212c3e.

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

CSS codes

.text {color:#212c3e;}

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

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

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, #06080b is the darkest color, while #fdfdfe is the lightest one.

#06080b
```
#06080b rgb(6,8,11)
```
#0d1118
```
#0d1118 rgb(13,17,24)
```
#131a24
```
#131a24 rgb(19,26,36)
```
#1a2331
```
#1a2331 rgb(26,35,49)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#28354b
```
#28354b rgb(40,53,75)
```
#2f3e58
```
#2f3e58 rgb(47,62,88)
```
#354764
```
#354764 rgb(53,71,100)
```
#3c5071
```
#3c5071 rgb(60,80,113)
```
#43597e
```
#43597e rgb(67,89,126)
```
#4a638b
```
#4a638b rgb(74,99,139)
```
#516c98
```
#516c98 rgb(81,108,152)
```
#5875a4
```
#5875a4 rgb(88,117,164)
```

Shade Color Variation

#637fac
```
#637fac rgb(99,127,172)
```
#708ab3
```
#708ab3 rgb(112,138,179)
```
#7d94ba
```
#7d94ba rgb(125,148,186)
```
#8a9fc1
```
#8a9fc1 rgb(138,159,193)
```
#97a9c7
```
#97a9c7 rgb(151,169,199)
```
#a3b4ce
```
#a3b4ce rgb(163,180,206)
```
#b0bed5
```
#b0bed5 rgb(176,190,213)
```
#bdc9dc
```
#bdc9dc rgb(189,201,220)
```
#cad3e3
```
#cad3e3 rgb(202,211,227)
```
#d7dee9
```
#d7dee9 rgb(215,222,233)
```
#e3e8f0
```
#e3e8f0 rgb(227,232,240)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#2c2f33
```
#2c2f33 rgb(44,47,51)
```
#282e37
```
#282e37 rgb(40,46,55)
```
#252d3a
```
#252d3a rgb(37,45,58)
```
#212c3e
```
#212c3e rgb(33,44,62)
```
#1d2b42
```
#1d2b42 rgb(29,43,66)
```
#1a2a45
```
#1a2a45 rgb(26,42,69)
```
#162949
```
#162949 rgb(22,41,73)
```
#12284d
```
#12284d rgb(18,40,77)
```
#0f2850
```
#0f2850 rgb(15,40,80)
```
#0b2754
```
#0b2754 rgb(11,39,84)
```
#072658
```
#072658 rgb(7,38,88)
```
#04255b
```
#04255b rgb(4,37,91)
```
#00245f
```
#00245f rgb(0,36,95)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#292b2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#313547 Protanopia 1% of men
#303548 Deuteranopia 1% of men
#29393d Tritanopia 0.001% of the population

Trichromacy

#2b3243 Protanomaly 1% of men, 0.01% of women
#2b3244 Deuteranomaly 6% of men, 0.4% of women
#26343d Tritanomaly 0.01% of the population

#212c3e hex color

#212c3e Color Information

#212c3e Color Conversion

Color Schemes with #212c3e

Alternatives to #212c3e

#212c3e Preview

Shades and Tints of #212c3e

Tones of #212c3e

Color Blindness Simulator