#212f45 hex color

In a RGB color space, hex #212f45 is composed of 12.9% red, 18.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 31.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 216.7 degrees, a saturation of 35.3% and a lightness of 20%. #212f45 color hex could be obtained by blending #425e8a with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #212f45 has RGB values of R:33, G:47, B:69 and CMYK values of C:0.52, M:0.32, Y:0, K:0.73. Its decimal value is 2174789.

Hex triplet	212f45	`#212f45`
RGB Decimal	33, 47, 69	`rgb(33,47,69)`
RGB Percent	12.9, 18.4, 27.1	`rgb(12.9%,18.4%,27.1%)`
CMYK	52, 32, 0, 73
HSL	216.7°, 35.3, 20	`hsl(216.7,35.3%,20%)`
HSV (or HSB)	216.7°, 52.2, 27.1
Web Safe	333333	`#333333`

CIE-LAB	19.165, 1.319, -15.581
XYZ	2.718, 2.786, 6.024
xyY	0.236, 0.242, 2.786
CIE-LCH	19.165, 15.637, 274.839
CIE-LUV	19.165, -6.012, -16.861
Hunter-Lab	16.691, -0.146, -9.716
Binary	00100001, 00101111, 01000101

#212f45
```
#212f45 rgb(33,47,69)
```
#453721
```
#453721 rgb(69,55,33)
```

Complementary Color

#214145
```
#214145 rgb(33,65,69)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#252145
```
#252145 rgb(37,33,69)
```

Analogous Color

#414521
```
#414521 rgb(65,69,33)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#452521
```
#452521 rgb(69,37,33)
```

Split Complementary Color

#2f4521
```
#2f4521 rgb(47,69,33)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#45212f
```
#45212f rgb(69,33,47)
```

Triadic Color

#214537
```
#214537 rgb(33,69,55)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#45212f
```
#45212f rgb(69,33,47)
```
#453721
```
#453721 rgb(69,55,33)
```

Tetradic Color

#080c11
```
#080c11 rgb(8,12,17)
```
#111823
```
#111823 rgb(17,24,35)
```
#192334
```
#192334 rgb(25,35,52)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#293b56
```
#293b56 rgb(41,59,86)
```
#324768
```
#324768 rgb(50,71,104)
```
#3a5279
```
#3a5279 rgb(58,82,121)
```

Monochromatic Color

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

#213845
```
#213845 rgb(33,56,69)
```
#213545
```
#213545 rgb(33,53,69)
```
#213245
```
#213245 rgb(33,50,69)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#212c45
```
#212c45 rgb(33,44,69)
```
#212945
```
#212945 rgb(33,41,69)
```
#212645
```
#212645 rgb(33,38,69)
```

Similar Colors

Text with hexadecimal color #212f45

This text has a font color of #212f45.

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

#212f45 background color

This paragraph has a background color of #212f45.

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

#212f45 border color

This element has a border color of #212f45.

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

CSS codes

.text {color:#212f45;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0e141d
```
#0e141d rgb(14,20,29)
```
#141d2a
```
#141d2a rgb(20,29,42)
```
#1b2638
```
#1b2638 rgb(27,38,56)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#273852
```
#273852 rgb(39,56,82)
```
#2e4160
```
#2e4160 rgb(46,65,96)
```
#344a6d
```
#344a6d rgb(52,74,109)
```
#3a537a
```
#3a537a rgb(58,83,122)
```
#415c87
```
#415c87 rgb(65,92,135)
```
#476595
```
#476595 rgb(71,101,149)
```
#4d6ea2
```
#4d6ea2 rgb(77,110,162)
```

Shade Color Variation

#5578ae
```
#5578ae rgb(85,120,174)
```
#6282b4
```
#6282b4 rgb(98,130,180)
```
#708dba
```
#708dba rgb(112,141,186)
```
#7d97c1
```
#7d97c1 rgb(125,151,193)
```
#8aa2c7
```
#8aa2c7 rgb(138,162,199)
```
#98adce
```
#98adce rgb(152,173,206)
```
#a5b7d4
```
#a5b7d4 rgb(165,183,212)
```
#b2c2da
```
#b2c2da rgb(178,194,218)
```
#bfcce1
```
#bfcce1 rgb(191,204,225)
```
#cdd7e7
```
#cdd7e7 rgb(205,215,231)
```
#dae1ed
```
#dae1ed rgb(218,225,237)
```
#e7ecf4
```
#e7ecf4 rgb(231,236,244)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

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

#313235
```
#313235 rgb(49,50,53)
```
#2d3239
```
#2d3239 rgb(45,50,57)
```
#29313d
```
#29313d rgb(41,49,61)
```
#253041
```
#253041 rgb(37,48,65)
```
#212f45
```
#212f45 rgb(33,47,69)
```
#1d2e49
```
#1d2e49 rgb(29,46,73)
```
#192d4d
```
#192d4d rgb(25,45,77)
```
#152c51
```
#152c51 rgb(21,44,81)
```
#112c55
```
#112c55 rgb(17,44,85)
```
#0d2b59
```
#0d2b59 rgb(13,43,89)
```
#092a5d
```
#092a5d rgb(9,42,93)
```
#062960
```
#062960 rgb(6,41,96)
```
#022864
```
#022864 rgb(2,40,100)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2b2d32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32384d Protanopia 1% of men
#30384f Deuteranopia 1% of men
#273c41 Tritanopia 0.001% of the population

Trichromacy

#2c354a Protanomaly 1% of men, 0.01% of women
#2a354b Deuteranomaly 6% of men, 0.4% of women
#253742 Tritanomaly 0.01% of the population

#212f45 hex color

#212f45 Color Information

#212f45 Color Conversion

Color Schemes with #212f45

Alternatives to #212f45

#212f45 Preview

Shades and Tints of #212f45

Tones of #212f45

Color Blindness Simulator