#21414C Color Information


In the RGB color space, #21414C is composed of 12.9412% red, 25.4902% green, and 29.8039% blue.

In the CMYK color space, #21414C is composed of 56.58% cyan, 14.46% magenta, 0% yellow, and 70.2% black,

It has a hue angle of 195.3 degrees, a saturation of 39.45%, and a lightness of 21.37%.

The closest websafe color is #333333.

#21414C RGB Values

#21414C CMYK Values



#21414C Color Conversion


The hexadecimal color #21414C has RGB values of R:33, G:65, B:76 and CMYK values of C:56.58, M:14.46, Y:0, K:70.2. It has a decimal value of 2179404.


Hexadecimal #21414C #21414C
RGB Decimal 33, 65, 76 rgb(33, 65, 76)
RGB Percent 12.9412, 25.4902, 29.8039 rgb(12.9412%, 25.4902%, 29.8039%)
RGB Proportion 0.1294, 0.2549, 0.298 rgb(0.1294, 0.2549, 0.298)
CMYK 56.58, 14.46, 0, 70.2
HSL 195.3ยบ, 39.45, 21.37 hsl(195.3, 39.45%, 21.37%)
Websafe 333333 #333333
XYZ 3.822, 4.625, 7.527
Yxy 4.625, 0.239, 0.29
CIE-LAB 25.639, -8.178, -10.292
CIE-LCH 25.639, 13.146, 231.529
CIE-LUV 25.639, -12.739, -11.245
Hunter-Lab 21.506, -5.912, -5.697

Color Schemes For #21414C


Colors that go well with #21414C.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #21414C


Colors similar to #21414C.


#21414C Preview


Common HTML and CSS shortcodes for #21414C.

Text with color #21414C


The quick brown fox jumps over the lazy dog.

<div style="color: #21414C;">The quick brown fox jumps over the lazy dog.</div>

#21414C as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #21414C;">The quick brown fox jumps over the lazy dog.</div>

Border with #21414C


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #21414C;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #21414C


Linear gradient from #21414C to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#21414C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #21414C


Radial gradient from #21414C to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#21414C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #21414C and its Complementary Color


Linear gradient from #21414C to #DEBEB3.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#21414C, #DEBEB3);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #21414C and its Complementary Color


Radial gradient from #21414C to #DEBEB3.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#21414C, #DEBEB3);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #21414C; } .background { background-color: #21414C; } .border { border: 1px solid #21414C; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #21414C


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000202 while the lightest tint is #FBFCFC.

Shades


Tints

Random Colors