#212d60 hex color

In a RGB color space, hex #212d60 is composed of 12.9% red, 17.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 53.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 228.6 degrees, a saturation of 48.8% and a lightness of 25.3%. #212d60 color hex could be obtained by blending #425ac0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 18
- B 38
RGB color chart
- C 66
- M 53
- Y 0
- K 62
CMYK color chart

● #212d60 color description : Very dark blue.

The hexadecimal color #212d60 has RGB values of R:33, G:45, B:96 and CMYK values of C:0.66, M:0.53, Y:0, K:0.62. Its decimal value is 2174304.

Hex triplet	212d60	`#212d60`
RGB Decimal	33, 45, 96	`rgb(33,45,96)`
RGB Percent	12.9, 17.6, 37.6	`rgb(12.9%,17.6%,37.6%)`
CMYK	66, 53, 0, 62
HSL	228.6°, 48.8, 25.3	`hsl(228.6,48.8%,25.3%)`
HSV (or HSB)	228.6°, 65.6, 37.6
Web Safe	333366	`#333366`

CIE-LAB	20.221, 12.971, -31.978
XYZ	3.676, 3.044, 11.46
xyY	0.202, 0.167, 3.044
CIE-LCH	20.221, 34.508, 292.079
CIE-LUV	20.221, -5.833, -37.082
Hunter-Lab	17.448, 7.076, -26.726
Binary	00100001, 00101101, 01100000

#212d60
```
#212d60 rgb(33,45,96)
```
#605421
```
#605421 rgb(96,84,33)
```

Complementary Color

#214d60
```
#214d60 rgb(33,77,96)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#352160
```
#352160 rgb(53,33,96)
```

Analogous Color

#4d6021
```
#4d6021 rgb(77,96,33)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#603521
```
#603521 rgb(96,53,33)
```

Split Complementary Color

#2d6021
```
#2d6021 rgb(45,96,33)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#60212d
```
#60212d rgb(96,33,45)
```

Triadic Color

#216054
```
#216054 rgb(33,96,84)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#60212d
```
#60212d rgb(96,33,45)
```
#605421
```
#605421 rgb(96,84,33)
```

Tetradic Color

#0d1227
```
#0d1227 rgb(13,18,39)
```
#141b3a
```
#141b3a rgb(20,27,58)
```
#1a244d
```
#1a244d rgb(26,36,77)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#283673
```
#283673 rgb(40,54,115)
```
#2e3f86
```
#2e3f86 rgb(46,63,134)
```
#354899
```
#354899 rgb(53,72,153)
```

Monochromatic Color

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

#213d60
```
#213d60 rgb(33,61,96)
```
#213860
```
#213860 rgb(33,56,96)
```
#213260
```
#213260 rgb(33,50,96)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#212860
```
#212860 rgb(33,40,96)
```
#212360
```
#212360 rgb(33,35,96)
```
#252160
```
#252160 rgb(37,33,96)
```

Similar Colors

Text with hexadecimal color #212d60

This text has a font color of #212d60.

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

#212d60 background color

This paragraph has a background color of #212d60.

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

#212d60 border color

This element has a border color of #212d60.

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

CSS codes

.text {color:#212d60;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080b17
```
#080b17 rgb(8,11,23)
```
#0d1226
```
#0d1226 rgb(13,18,38)
```
#121834
```
#121834 rgb(18,24,52)
```
#171f43
```
#171f43 rgb(23,31,67)
```
#1c2651
```
#1c2651 rgb(28,38,81)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#26346f
```
#26346f rgb(38,52,111)
```
#2b3b7d
```
#2b3b7d rgb(43,59,125)
```
#30428c
```
#30428c rgb(48,66,140)
```
#35489a
```
#35489a rgb(53,72,154)
```
#3a4fa9
```
#3a4fa9 rgb(58,79,169)
```
#3f56b8
```
#3f56b8 rgb(63,86,184)
```

Shade Color Variation

#4a60c1
```
#4a60c1 rgb(74,96,193)
```
#586dc6
```
#586dc6 rgb(88,109,198)
```
#677acb
```
#677acb rgb(103,122,203)
```
#7587d0
```
#7587d0 rgb(117,135,208)
```
#8493d5
```
#8493d5 rgb(132,147,213)
```
#93a0da
```
#93a0da rgb(147,160,218)
```
#a1addf
```
#a1addf rgb(161,173,223)
```
#b0bae4
```
#b0bae4 rgb(176,186,228)
```
#bec6e9
```
#bec6e9 rgb(190,198,233)
```
#cdd3ee
```
#cdd3ee rgb(205,211,238)
```
#dce0f3
```
#dce0f3 rgb(220,224,243)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#3f3f42
```
#3f3f42 rgb(63,63,66)
```
#3a3c47
```
#3a3c47 rgb(58,60,71)
```
#35394c
```
#35394c rgb(53,57,76)
```
#303651
```
#303651 rgb(48,54,81)
```
#2b3356
```
#2b3356 rgb(43,51,86)
```
#26305b
```
#26305b rgb(38,48,91)
```
#212d60
```
#212d60 rgb(33,45,96)
```
#1c2a65
```
#1c2a65 rgb(28,42,101)
```
#17276a
```
#17276a rgb(23,39,106)
```
#12246f
```
#12246f rgb(18,36,111)
```
#0d2174
```
#0d2174 rgb(13,33,116)
```
#081e79
```
#081e79 rgb(8,30,121)
```
#031b7e
```
#031b7e rgb(3,27,126)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2f39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d396a Protanopia 1% of men
#003c64 Deuteranopia 1% of men
#144045 Tritanopia 0.001% of the population

Trichromacy

#1f3566 Protanomaly 1% of men, 0.01% of women
#0c3662 Deuteranomaly 6% of men, 0.4% of women
#19394f Tritanomaly 0.01% of the population

#212d60 hex color

#212d60 Color Information

#212d60 Color Conversion

Color Schemes with #212d60

Alternatives to #212d60

#212d60 Preview

Shades and Tints of #212d60

Tones of #212d60

Color Blindness Simulator