#212f4b hex color

In a RGB color space, hex #212f4b is composed of 12.9% red, 18.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 37.3% magenta, 0% yellow and 70.6% black. It has a hue angle of 220 degrees, a saturation of 38.9% and a lightness of 21.2%. #212f4b color hex could be obtained by blending #425e96 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 18
- B 29
RGB color chart
- C 56
- M 37
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #212f4b has RGB values of R:33, G:47, B:75 and CMYK values of C:0.56, M:0.37, Y:0, K:0.71. Its decimal value is 2174795.

Hex triplet	212f4b	`#212f4b`
RGB Decimal	33, 47, 75	`rgb(33,47,75)`
RGB Percent	12.9, 18.4, 29.4	`rgb(12.9%,18.4%,29.4%)`
CMYK	56, 37, 0, 71
HSL	220°, 38.9, 21.2	`hsl(220,38.9%,21.2%)`
HSV (or HSB)	220°, 56, 29.4
Web Safe	333333	`#333333`

CIE-LAB	19.492, 3.499, -19.139
XYZ	2.913, 2.864, 7.056
xyY	0.227, 0.223, 2.864
CIE-LCH	19.492, 19.456, 280.359
CIE-LUV	19.492, -6.086, -21.244
Hunter-Lab	16.924, 1.111, -12.871
Binary	00100001, 00101111, 01001011

#212f4b
```
#212f4b rgb(33,47,75)
```
#4b3d21
```
#4b3d21 rgb(75,61,33)
```

Complementary Color

#21444b
```
#21444b rgb(33,68,75)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#28214b
```
#28214b rgb(40,33,75)
```

Analogous Color

#444b21
```
#444b21 rgb(68,75,33)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#4b2821
```
#4b2821 rgb(75,40,33)
```

Split Complementary Color

#2f4b21
```
#2f4b21 rgb(47,75,33)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#4b212f
```
#4b212f rgb(75,33,47)
```

Triadic Color

#214b3d
```
#214b3d rgb(33,75,61)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#4b212f
```
#4b212f rgb(75,33,47)
```
#4b3d21
```
#4b3d21 rgb(75,61,33)
```

Tetradic Color

#0a0e16
```
#0a0e16 rgb(10,14,22)
```
#111928
```
#111928 rgb(17,25,40)
```
#192439
```
#192439 rgb(25,36,57)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#293a5d
```
#293a5d rgb(41,58,93)
```
#31456e
```
#31456e rgb(49,69,110)
```
#385080
```
#385080 rgb(56,80,128)
```

Monochromatic Color

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

#213a4b
```
#213a4b rgb(33,58,75)
```
#21364b
```
#21364b rgb(33,54,75)
```
#21334b
```
#21334b rgb(33,51,75)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#212c4b
```
#212c4b rgb(33,44,75)
```
#21284b
```
#21284b rgb(33,40,75)
```
#21254b
```
#21254b rgb(33,37,75)
```

Similar Colors

Text with hexadecimal color #212f4b

This text has a font color of #212f4b.

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

#212f4b background color

This paragraph has a background color of #212f4b.

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

#212f4b border color

This element has a border color of #212f4b.

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

CSS codes

.text {color:#212f4b;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1522
```
#0f1522 rgb(15,21,34)
```
#151e30
```
#151e30 rgb(21,30,48)
```
#1b263d
```
#1b263d rgb(27,38,61)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#273859
```
#273859 rgb(39,56,89)
```
#2d4066
```
#2d4066 rgb(45,64,102)
```
#334974
```
#334974 rgb(51,73,116)
```
#395181
```
#395181 rgb(57,81,129)
```
#3f5a8f
```
#3f5a8f rgb(63,90,143)
```
#45629d
```
#45629d rgb(69,98,157)
```
#4b6baa
```
#4b6baa rgb(75,107,170)
```

Shade Color Variation

#5575b4
```
#5575b4 rgb(85,117,180)
```
#6280ba
```
#6280ba rgb(98,128,186)
```
#708bc0
```
#708bc0 rgb(112,139,192)
```
#7e96c6
```
#7e96c6 rgb(126,150,198)
```
#8ba1cc
```
#8ba1cc rgb(139,161,204)
```
#99acd2
```
#99acd2 rgb(153,172,210)
```
#a7b7d8
```
#a7b7d8 rgb(167,183,216)
```
#b4c2de
```
#b4c2de rgb(180,194,222)
```
#c2cde4
```
#c2cde4 rgb(194,205,228)
```
#cfd8ea
```
#cfd8ea rgb(207,216,234)
```
#dde3f0
```
#dde3f0 rgb(221,227,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#363636
```
#363636 rgb(54,54,54)
```
#32353a
```
#32353a rgb(50,53,58)
```
#2d333f
```
#2d333f rgb(45,51,63)
```
#293243
```
#293243 rgb(41,50,67)
```
#253047
```
#253047 rgb(37,48,71)
```
#212f4b
```
#212f4b rgb(33,47,75)
```
#1d2e4f
```
#1d2e4f rgb(29,46,79)
```
#192c53
```
#192c53 rgb(25,44,83)
```
#152b57
```
#152b57 rgb(21,43,87)
```
#10295c
```
#10295c rgb(16,41,92)
```
#0c2860
```
#0c2860 rgb(12,40,96)
```
#082764
```
#082764 rgb(8,39,100)
```
#042568
```
#042568 rgb(4,37,104)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2b2e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#303953 Protanopia 1% of men
#2c3954 Deuteranopia 1% of men
#253d42 Tritanopia 0.001% of the population

Trichromacy

#2a3550 Protanomaly 1% of men, 0.01% of women
#283550 Deuteranomaly 6% of men, 0.4% of women
#233845 Tritanomaly 0.01% of the population

#212f4b hex color

#212f4b Color Information

#212f4b Color Conversion

Color Schemes with #212f4b

Alternatives to #212f4b

#212f4b Preview

Shades and Tints of #212f4b

Tones of #212f4b

Color Blindness Simulator