#DEB278 Color Information


In the RGB color space, #DEB278 is composed of 87.06% red, 69.8% green, and 47.06% blue.

In the CMYK color space, #DEB278 is composed of 0% cyan, 19.54% magenta, 45.98% yellow, and 13% black,

It has a hue angle of 34.5 degrees, a saturation of 60.61%, and a lightness of 67%.

The closest websafe color is #CCCC66.

#DEB278 RGB Values

#DEB278 CMYK Values

#DEB278 Color Conversion


The hexadecimal color #DEB278 has RGB values of R:222, G:178, B:120 and CMYK values of C:0, M:0.2, Y:0.46, K:13. It has a decimal value of 14594680.


Hexadecimal #DEB278 #DEB278
RGB Decimal 222, 178, 120 rgb(222, 178, 120)
RGB Percent 87.06, 69.8, 47.06 rgb(87.06%, 69.8%, 47.06%)
RGB Proportion 0.87, 0.7, 0.47 rgb(0.87, 0.7, 0.47)
CMYK 0, 20, 46, 1300
HSL 34.5ยบ, 60.61, 67 hsl(34.5, 60.61%, 67%)
Websafe CCCC66 #CCCC66
XYZ 49.479, 48.898, 24.552
Yxy 48.898, 0.403, 0.398
CIE-LAB 75.388, 8.307, 35.833
CIE-LCH 75.388, 36.783, 76.948
CIE-LUV 75.388, 32.544, 44.509
Hunter-Lab 69.927, 3.931, 28.132

Color Schemes With #DEB278


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

Alternatives to #DEB278


Colors similar to #DEB278.

#DEB278 Preview


Text with color #DEB278


The quick brown fox jumps over the lazy dog.

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

#DEB278 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #DEB278


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #DEB278


Linear gradient from #DEB278 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #DEB278


Radial gradient from #DEB278 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #DEB278 and its Complementary Color


Linear gradient from #DEB278 to #214D87.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #DEB278 and its Complementary Color


Radial gradient from #DEB278 to #214D87.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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


Shades


Tints

Random Colors