#680F1F Color Information


In the RGB color space, #680F1F is composed of 40.7843% red, 5.8824% green, and 12.1569% blue.

In the CMYK color space, #680F1F is composed of 0% cyan, 85.58% magenta, 70.18% yellow, and 59.22% black,

It has a hue angle of 349.2 degrees, a saturation of 74.8%, and a lightness of 23.33%.

The closest websafe color is #660033.

#680F1F RGB Values

#680F1F CMYK Values



#680F1F Color Conversion


The hexadecimal color #680F1F has RGB values of R:104, G:15, B:31 and CMYK values of C:0, M:85.58, Y:70.18, K:59.22. It has a decimal value of 6819615.


Hexadecimal #680F1F #680F1F
RGB Decimal 104, 15, 31 rgb(104, 15, 31)
RGB Percent 40.7843, 5.8824, 12.1569 rgb(40.7843%, 5.8824%, 12.1569%)
RGB Proportion 0.4078, 0.0588, 0.1216 rgb(0.4078, 0.0588, 0.1216)
CMYK 0, 85.58, 70.18, 59.22
HSL 349.2ยบ, 74.8, 23.33 hsl(349.2, 74.8%, 23.33%)
Websafe 660033 #660033
XYZ 6.126, 3.383, 1.627
Yxy 3.383, 0.55, 0.304
CIE-LAB 21.517, 38.76, 15.423
CIE-LCH 21.517, 41.716, 21.698
CIE-LUV 21.517, 55.657, 6.914
Hunter-Lab 18.393, 27.264, 7.63

Color Schemes For #680F1F


Colors that go well with #680F1F.

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

Alternatives to #680F1F


Colors similar to #680F1F.


#680F1F Preview


Common HTML and CSS shortcodes for #680F1F.

Text with color #680F1F


The quick brown fox jumps over the lazy dog.

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

#680F1F as background color


The quick brown fox jumps over the lazy dog.

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

Border with #680F1F


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #680F1F


Linear gradient from #680F1F to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #680F1F


Radial gradient from #680F1F to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #680F1F and its Complementary Color


Linear gradient from #680F1F to #97F0E0.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#680F1F, #97F0E0);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #680F1F and its Complementary Color


Radial gradient from #680F1F to #97F0E0.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#680F1F, #97F0E0);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors