#212168 hex color

In a RGB color space, hex #212168 is composed of 12.9% red, 12.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 68.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 240 degrees, a saturation of 51.8% and a lightness of 26.9%. #212168 color hex could be obtained by blending #4242d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 41
RGB color chart
- C 68
- M 68
- Y 0
- K 59
CMYK color chart

● #212168 color description : Very dark blue.

The hexadecimal color #212168 has RGB values of R:33, G:33, B:104 and CMYK values of C:0.68, M:0.68, Y:0, K:0.59. Its decimal value is 2171240.

Hex triplet	212168	`#212168`
RGB Decimal	33, 33, 104	`rgb(33,33,104)`
RGB Percent	12.9, 12.9, 40.8	`rgb(12.9%,12.9%,40.8%)`
CMYK	68, 68, 0, 59
HSL	240°, 51.8, 26.9	`hsl(240,51.8%,26.9%)`
HSV (or HSB)	240°, 68.3, 40.8
Web Safe	333366	`#333366`

CIE-LAB	17.508, 24.554, -41.63
XYZ	3.669, 2.41, 13.368
xyY	0.189, 0.124, 2.41
CIE-LCH	17.508, 48.331, 300.533
CIE-LUV	17.508, -3.235, -44.822
Hunter-Lab	15.525, 15.018, -40.183
Binary	00100001, 00100001, 01101000

#212168
```
#212168 rgb(33,33,104)
```
#686821
```
#686821 rgb(104,104,33)
```

Complementary Color

#214568
```
#214568 rgb(33,69,104)
```
#212168
```
#212168 rgb(33,33,104)
```
#452168
```
#452168 rgb(69,33,104)
```

Analogous Color

#456821
```
#456821 rgb(69,104,33)
```
#212168
```
#212168 rgb(33,33,104)
```
#684521
```
#684521 rgb(104,69,33)
```

Split Complementary Color

#216821
```
#216821 rgb(33,104,33)
```
#212168
```
#212168 rgb(33,33,104)
```
#682121
```
#682121 rgb(104,33,33)
```

Triadic Color

#216868
```
#216868 rgb(33,104,104)
```
#212168
```
#212168 rgb(33,33,104)
```
#682121
```
#682121 rgb(104,33,33)
```
#686821
```
#686821 rgb(104,104,33)
```

Tetradic Color

#0f0f2e
```
#0f0f2e rgb(15,15,46)
```
#151541
```
#151541 rgb(21,21,65)
```
#1b1b55
```
#1b1b55 rgb(27,27,85)
```
#212168
```
#212168 rgb(33,33,104)
```
#27277b
```
#27277b rgb(39,39,123)
```
#2d2d8f
```
#2d2d8f rgb(45,45,143)
```
#3333a2
```
#3333a2 rgb(51,51,162)
```

Monochromatic Color

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

#213368
```
#213368 rgb(33,51,104)
```
#212d68
```
#212d68 rgb(33,45,104)
```
#212768
```
#212768 rgb(33,39,104)
```
#212168
```
#212168 rgb(33,33,104)
```
#272168
```
#272168 rgb(39,33,104)
```
#2d2168
```
#2d2168 rgb(45,33,104)
```
#332168
```
#332168 rgb(51,33,104)
```

Similar Colors

Text with hexadecimal color #212168

This text has a font color of #212168.

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

#212168 background color

This paragraph has a background color of #212168.

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

#212168 border color

This element has a border color of #212168.

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

CSS codes

.text {color:#212168;}

.background {background-color:#212168;}

.border {border:1px solid #212168;}

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, #05050f is the darkest color, while #ffffff is the lightest one.

#05050f
```
#05050f rgb(5,5,15)
```
#09091e
```
#09091e rgb(9,9,30)
```
#0e0e2c
```
#0e0e2c rgb(14,14,44)
```
#13133b
```
#13133b rgb(19,19,59)
```
#18184a
```
#18184a rgb(24,24,74)
```
#1c1c59
```
#1c1c59 rgb(28,28,89)
```
#212168
```
#212168 rgb(33,33,104)
```
#262677
```
#262677 rgb(38,38,119)
```
#2a2a86
```
#2a2a86 rgb(42,42,134)
```
#2f2f95
```
#2f2f95 rgb(47,47,149)
```
#3434a4
```
#3434a4 rgb(52,52,164)
```
#3939b2
```
#3939b2 rgb(57,57,178)
```
#3d3dc1
```
#3d3dc1 rgb(61,61,193)
```

Shade Color Variation

#4c4cc6
```
#4c4cc6 rgb(76,76,198)
```
#5b5bcb
```
#5b5bcb rgb(91,91,203)
```
#6a6ad0
```
#6a6ad0 rgb(106,106,208)
```
#7979d4
```
#7979d4 rgb(121,121,212)
```
#8888d9
```
#8888d9 rgb(136,136,217)
```
#9797de
```
#9797de rgb(151,151,222)
```
#a5a5e3
```
#a5a5e3 rgb(165,165,227)
```
#b4b4e7
```
#b4b4e7 rgb(180,180,231)
```
#c3c3ec
```
#c3c3ec rgb(195,195,236)
```
#d2d2f1
```
#d2d2f1 rgb(210,210,241)
```
#e1e1f5
```
#e1e1f5 rgb(225,225,245)
```
#f0f0fa
```
#f0f0fa rgb(240,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#414148
```
#414148 rgb(65,65,72)
```
#3b3b4e
```
#3b3b4e rgb(59,59,78)
```
#363653
```
#363653 rgb(54,54,83)
```
#313158
```
#313158 rgb(49,49,88)
```
#2c2c5d
```
#2c2c5d rgb(44,44,93)
```
#262663
```
#262663 rgb(38,38,99)
```
#212168
```
#212168 rgb(33,33,104)
```
#1c1c6d
```
#1c1c6d rgb(28,28,109)
```
#161673
```
#161673 rgb(22,22,115)
```
#111178
```
#111178 rgb(17,17,120)
```
#0c0c7d
```
#0c0c7d rgb(12,12,125)
```
#070782
```
#070782 rgb(7,7,130)
```
#010188
```
#010188 rgb(1,1,136)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#272736 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#003759 Deuteranopia 1% of men
#003b3f Tritanopia 0.001% of the population

Trichromacy

#0c2d66 Protanomaly 1% of men, 0.01% of women
#0c2f5e Deuteranomaly 6% of men, 0.4% of women
#0c314e Tritanomaly 0.01% of the population

#212168 hex color

#212168 Color Information

#212168 Color Conversion

Color Schemes with #212168

Alternatives to #212168

#212168 Preview

Shades and Tints of #212168

Tones of #212168

Color Blindness Simulator