#CBE310 Color Information


In the RGB color space, #CBE310 is composed of 79.6078% red, 89.0196% green, and 6.2745% blue.

In the CMYK color space, #CBE310 is composed of 10.57% cyan, 0% magenta, 92.96% yellow, and 10.98% black,

It has a hue angle of 66.8 degrees, a saturation of 86.84%, and a lightness of 47.64%.

The closest websafe color is #CCCC00.

#CBE310 RGB Values

#CBE310 CMYK Values



#CBE310 Color Conversion


The hexadecimal color #CBE310 has RGB values of R:203, G:227, B:16 and CMYK values of C:10.57, M:0, Y:92.96, K:10.98. It has a decimal value of 13361936.


Hexadecimal #CBE310 #CBE310
RGB Decimal 203, 227, 16 rgb(203, 227, 16)
RGB Percent 79.6078, 89.0196, 6.2745 rgb(79.6078%, 89.0196%, 6.2745%)
RGB Proportion 0.7961, 0.8902, 0.0627 rgb(0.7961, 0.8902, 0.0627)
CMYK 10.57, 0, 92.96, 10.98
HSL 66.8ยบ, 86.84, 47.64 hsl(66.8, 86.84%, 47.64%)
Websafe CCCC00 #CCCC00
XYZ 52.193, 67.673, 10.801
Yxy 67.673, 0.399, 0.518
CIE-LAB 85.843, -29.533, 83.008
CIE-LCH 85.843, 88.105, 109.585
CIE-LUV 85.843, -8.921, 95.423
Hunter-Lab 82.264, -30.71, 49.8

Color Schemes For #CBE310


Colors that go well with #CBE310.

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

Alternatives to #CBE310


Colors similar to #CBE310.


#CBE310 Preview


Common HTML and CSS shortcodes for #CBE310.

Text with color #CBE310


The quick brown fox jumps over the lazy dog.

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

#CBE310 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #CBE310


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CBE310


Linear gradient from #CBE310 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CBE310


Radial gradient from #CBE310 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CBE310 and its Complementary Color


Linear gradient from #CBE310 to #341CEF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CBE310 and its Complementary Color


Radial gradient from #CBE310 to #341CEF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors