colorhexa.com

#212a33 hex color

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

- R 13
- G 16
- B 20
RGB color chart
- C 35
- M 18
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #212a33 has RGB values of R:33, G:42, B:51 and CMYK values of C:0.35, M:0.18, Y:0, K:0.8. Its decimal value is 2173491.

Hex triplet	212a33	`#212a33`
RGB Decimal	33, 42, 51	`rgb(33,42,51)`
RGB Percent	12.9, 16.5, 20	`rgb(12.9%,16.5%,20%)`
CMYK	35, 18, 0, 80
HSL	210°, 21.4, 16.5	`hsl(210,21.4%,16.5%)`
HSV (or HSB)	210°, 35.3, 20
Web Safe	333333	`#333333`

CIE-LAB	16.593, -1.25, -7.103
XYZ	2.053, 2.218, 3.452
xyY	0.266, 0.287, 2.218
CIE-LCH	16.593, 7.212, 260.02
CIE-LUV	16.593, -3.906, -6.754
Hunter-Lab	14.894, -1.464, -3.316
Binary	00100001, 00101010, 00110011

#212a33
```
#212a33 rgb(33,42,51)
```
#332a21
```
#332a21 rgb(51,42,33)
```

Complementary Color

#213333
```
#213333 rgb(33,51,51)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#212133
```
#212133 rgb(33,33,51)
```

Analogous Color

#333321
```
#333321 rgb(51,51,33)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#332121
```
#332121 rgb(51,33,33)
```

Split Complementary Color

#030405
```
#030405 rgb(3,4,5)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#171d24
```
#171d24 rgb(23,29,36)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#2b3742
```
#2b3742 rgb(43,55,66)
```
#354452
```
#354452 rgb(53,68,82)
```
#3f5061
```
#3f5061 rgb(63,80,97)
```

Monochromatic Color

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

#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)
```
#212733
```
#212733 rgb(33,39,51)
```
#212633
```
#212633 rgb(33,38,51)
```

Similar Colors

Text with hexadecimal color #212a33

This text has a font color of #212a33.

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

#212a33 background color

This paragraph has a background color of #212a33.

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

#212a33 border color

This element has a border color of #212a33.

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

CSS codes

.text {color:#212a33;}

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

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

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)
```
#12161b
```
#12161b rgb(18,22,27)
```
#192027
```
#192027 rgb(25,32,39)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#29343f
```
#29343f rgb(41,52,63)
```
#303e4b
```
#303e4b rgb(48,62,75)
```
#384757
```
#384757 rgb(56,71,87)
```
#405163
```
#405163 rgb(64,81,99)
```
#485b6f
```
#485b6f rgb(72,91,111)
```
#4f657a
```
#4f657a rgb(79,101,122)
```
#576f86
```
#576f86 rgb(87,111,134)
```
#5f7892
```
#5f7892 rgb(95,120,146)
```

Shade Color Variation

#68829d
```
#68829d rgb(104,130,157)
```
#738ca5
```
#738ca5 rgb(115,140,165)
```
#7f96ac
```
#7f96ac rgb(127,150,172)
```
#8ba0b4
```
#8ba0b4 rgb(139,160,180)
```
#97aabc
```
#97aabc rgb(151,170,188)
```
#a3b3c4
```
#a3b3c4 rgb(163,179,196)
```
#afbdcb
```
#afbdcb rgb(175,189,203)
```
#bbc7d3
```
#bbc7d3 rgb(187,199,211)
```
#c7d1db
```
#c7d1db rgb(199,209,219)
```
#d3dbe2
```
#d3dbe2 rgb(211,219,226)
```
#dfe4ea
```
#dfe4ea rgb(223,228,234)
```
#ebeef2
```
#ebeef2 rgb(235,238,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#272a2d
```
#272a2d rgb(39,42,45)
```
#242a30
```
#242a30 rgb(36,42,48)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#1e2a36
```
#1e2a36 rgb(30,42,54)
```
#1b2a39
```
#1b2a39 rgb(27,42,57)
```
#172a3d
```
#172a3d rgb(23,42,61)
```
#142a40
```
#142a40 rgb(20,42,64)
```
#112a43
```
#112a43 rgb(17,42,67)
```
#0e2a46
```
#0e2a46 rgb(14,42,70)
```
#0a2a4a
```
#0a2a4a rgb(10,42,74)
```
#072a4d
```
#072a4d rgb(7,42,77)
```
#042a50
```
#042a50 rgb(4,42,80)
```
#012a53
```
#012a53 rgb(1,42,83)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#27282a Atypical Achromatopsia 0.001% of the population

Dichromacy

#32333c Protanopia 1% of men
#33333e Deuteranopia 1% of men
#2b3539 Tritanopia 0.001% of the population

Trichromacy

#2b3039 Protanomaly 1% of men, 0.01% of women
#2c2f3a Deuteranomaly 6% of men, 0.4% of women
#273137 Tritanomaly 0.01% of the population