Orange / #FFA500 Color Information


In the RGB color space, #FFA500 is composed of 100% red, 64.7059% green, and 0% blue.

In the CMYK color space, #FFA500 is composed of 0% cyan, 35.29% magenta, 100% yellow, and 0% black,

It has a hue angle of 38.8 degrees, a saturation of 100%, and a lightness of 50%.

The closest websafe color is #FF9900.

#FFA500 has a CSS color name: Orange.

#FFA500 RGB Values

#FFA500 CMYK Values



Orange / #FFA500 Color Conversion


The hexadecimal color #FFA500 has RGB values of R:255, G:165, B:0 and CMYK values of C:0, M:35.29, Y:100, K:0. It has a decimal value of 16753920.


Hexadecimal #FFA500 #FFA500
RGB Decimal 255, 165, 0 rgb(255, 165, 0)
RGB Percent 100, 64.7059, 0 rgb(100%, 64.7059%, 0%)
RGB Proportion 1.0, 0.6471, 0.0 rgb(1.0, 0.6471, 0.0)
CMYK 0, 35.29, 100, 0
HSL 38.8ยบ, 100, 50 hsl(38.8, 100%, 50%)
Websafe FF9900 #FF9900
XYZ 54.697, 48.174, 6.416
Yxy 48.174, 0.5, 0.441
CIE-LAB 74.935, 23.931, 78.956
CIE-LCH 74.935, 82.503, 73.138
CIE-LUV 74.935, 74.842, 74.002
Hunter-Lab 69.407, 19.205, 43.105

Color Schemes For Orange / #FFA500


Colors that go well with Orange / #FFA500.

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

Alternatives to Orange / #FFA500


Colors similar to Orange / #FFA500.


Orange / #FFA500 Preview


Common HTML and CSS shortcodes for Orange / #FFA500.

Text with color #FFA500


The quick brown fox jumps over the lazy dog.

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

#FFA500 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FFA500


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFA500


Linear gradient from #FFA500 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFA500


Radial gradient from #FFA500 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFA500 and its Complementary Color


Linear gradient from #FFA500 to #005AFF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFA500 and its Complementary Color


Radial gradient from #FFA500 to #005AFF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors