#CBB63D Color Information


In the RGB color space, #CBB63D is composed of 79.6078% red, 71.3725% green, and 23.9216% blue.

In the CMYK color space, #CBB63D is composed of 0% cyan, 10.35% magenta, 69.95% yellow, and 20.39% black,

It has a hue angle of 51.1 degrees, a saturation of 57.73%, and a lightness of 51.77%.

The closest websafe color is #CCCC33.

#CBB63D RGB Values

#CBB63D CMYK Values



#CBB63D Color Conversion


The hexadecimal color #CBB63D has RGB values of R:203, G:182, B:61 and CMYK values of C:0, M:10.35, Y:69.95, K:20.39. It has a decimal value of 13350461.


Hexadecimal #CBB63D #CBB63D
RGB Decimal 203, 182, 61 rgb(203, 182, 61)
RGB Percent 79.6078, 71.3725, 23.9216 rgb(79.6078%, 71.3725%, 23.9216%)
RGB Proportion 0.7961, 0.7137, 0.2392 rgb(0.7961, 0.7137, 0.2392)
CMYK 0, 10.35, 69.95, 20.39
HSL 51.1ยบ, 57.73, 51.77 hsl(51.1, 57.73%, 51.77%)
Websafe CCCC33 #CCCC33
XYZ 42.199, 46.487, 11.163
Yxy 46.487, 0.423, 0.466
CIE-LAB 73.86, -5.891, 61.326
CIE-LCH 73.86, 61.608, 95.487
CIE-LUV 73.86, 19.71, 70.011
Hunter-Lab 68.181, -8.84, 38.02

Color Schemes For #CBB63D


Colors that go well with #CBB63D.

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

Alternatives to #CBB63D


Colors similar to #CBB63D.


#CBB63D Preview


Common HTML and CSS shortcodes for #CBB63D.

Text with color #CBB63D


The quick brown fox jumps over the lazy dog.

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

#CBB63D as background color


The quick brown fox jumps over the lazy dog.

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

Border with #CBB63D


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CBB63D


Linear gradient from #CBB63D to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CBB63D


Radial gradient from #CBB63D to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CBB63D and its Complementary Color


Linear gradient from #CBB63D to #3449C2.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CBB63D and its Complementary Color


Radial gradient from #CBB63D to #3449C2.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors