#CF1F3D Color Information


In the RGB color space, #CF1F3D is composed of 81.1765% red, 12.1569% green, and 23.9216% blue.

In the CMYK color space, #CF1F3D is composed of 0% cyan, 85.02% magenta, 70.53% yellow, and 18.82% black,

It has a hue angle of 349.8 degrees, a saturation of 73.94%, and a lightness of 46.67%.

The closest websafe color is #CC3333.

#CF1F3D RGB Values

#CF1F3D CMYK Values



#CF1F3D Color Conversion


The hexadecimal color #CF1F3D has RGB values of R:207, G:31, B:61 and CMYK values of C:0, M:85.02, Y:70.53, K:18.82. It has a decimal value of 13573949.


Hexadecimal #CF1F3D #CF1F3D
RGB Decimal 207, 31, 61 rgb(207, 31, 61)
RGB Percent 81.1765, 12.1569, 23.9216 rgb(81.1765%, 12.1569%, 23.9216%)
RGB Proportion 0.8118, 0.1216, 0.2392 rgb(0.8118, 0.1216, 0.2392)
CMYK 0, 85.02, 70.53, 18.82
HSL 349.8ยบ, 73.94, 46.67 hsl(349.8, 73.94%, 46.67%)
Websafe CC3333 #CC3333
XYZ 27.067, 14.584, 5.803
Yxy 14.584, 0.57, 0.307
CIE-LAB 45.059, 65.77, 30.009
CIE-LCH 45.059, 72.293, 24.526
CIE-LUV 45.059, 125.036, 17.742
Hunter-Lab 38.189, 59.684, 17.723

Color Schemes For #CF1F3D


Colors that go well with #CF1F3D.

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

Alternatives to #CF1F3D


Colors similar to #CF1F3D.


#CF1F3D Preview


Common HTML and CSS shortcodes for #CF1F3D.

Text with color #CF1F3D


The quick brown fox jumps over the lazy dog.

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

#CF1F3D as background color


The quick brown fox jumps over the lazy dog.

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

Border with #CF1F3D


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CF1F3D


Linear gradient from #CF1F3D to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CF1F3D


Radial gradient from #CF1F3D to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CF1F3D and its Complementary Color


Linear gradient from #CF1F3D to #30E0C2.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CF1F3D and its Complementary Color


Radial gradient from #CF1F3D to #30E0C2.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #CF1F3D; } .background { background-color: #CF1F3D; } .border { border: 1px solid #CF1F3D; } .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 #CF1F3D


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

Shades


Tints

Random Colors