Color encyclopedia

#ffa500 Orange Color Information

In a RGB color space, #ffa500 hex color (also known as Orange) is composed of 100% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 100% yellow and 0% black. It has a hue angle of 38.8 degrees, a saturation of 100% and a lightness of 50%. #ffa500 color hex could be obtained by blending #ffff00 with #ff4b00 . Closest websafe color is: #ff9900 .

RGB
100%
65%
0%
CMYK
0%
36%
100%
0%

#ffa500 Color Conversion

The hexadecimal color #ffa500 has RGB values of R:255, G:165, B:0 and CMYK values of C:0, M:0.35, Y:1, K:0. Its decimal value is 16753920.

Hex triplet ffa500 #ffa500
RGB Decimal 255, 165, 0 rgb(255,165,0)
RGB Percent 100, 64.7, 0 rgb(100%,64.7%,0%)
CMYK 0, 35.3, 100, 0
HSL 38.8°, 100, 50 hsl(38.8,100%,50%)
HSV(HSB) 38.8°, 100, 100
Web Safe ff9900 #f90
XYZ 54.695, 48.17, 6.415
xyY 0.501, 0.441, 48.17
CIE-LAB 74.932, 23.936, 78.956
CIE-LCH 74.932, 82.505, 73.135
CIE-LUV 74.932, 74.851, 73.998
Hunter-Lab 69.405, 19.21, 43.103
Binary 11111111, 10100101, 00000000

#ffa500 Color Analysis

Blending
R-G-B component

Color Schemes with #ffa500

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color

Alternatives to #ffa500

Below, you can see some colors close to #ffa500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ffa500 Preview

Text with hexadecimal color #ffa500

This text has a font color of #ffa500.

<span style="color:#ffa500">Text here</span>
#ffa500 background color

This paragraph has a background color of #ffa500.

<p style="background-color:#ffa500;">Content here</p>
#ffa500 border color

This element has a border color of #ffa500.

<div style="border:1px #ffa500;">Content here</div>
CSS codes
.text {color:#ffa500;}
.background {background-color:#ffa500;}
.border {border:1px solid #ffa500;}
.text-shadow {border:1px solid #ffa500;}

Shades and Tints of #ffa500

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #fff8ea is the lightest one.

Tones of #ffa500

A tone is produced by adding gray to any pure hue. In this case, #80807f is the less saturated color, while #f4a20b is the most saturated one.