Color encyclopedia

#ff6600 Safety Orange Color Information

In a RGB color space, #ff6600 hex color (also known as Safety Orange) is composed of 100% red, 40% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 100% yellow and 0% black. It has a hue angle of 24 degrees, a saturation of 100% and a lightness of 50%. #ff6600 color hex could be obtained by blending #ffcc00 with #ff0000 . #ff6600(or #f60 ) is a websafe color .

RGB
100%
40%
0%
CMYK
0%
60%
100%
0%

#ff6600 Color Conversion

The hexadecimal color #ff6600 has RGB values of R:255, G:102, B:0 and CMYK values of C:0, M:0.6, Y:1, K:0. Its decimal value is 16737792.

Hex triplet ff6600 #ff6600
RGB Decimal 255, 102, 0 rgb(255,102,0)
RGB Percent 100, 40, 0 rgb(100%,40%,0%)
CMYK 0, 60, 100, 0
HSL 24°, 100, 50 hsl(24,100%,50%)
HSV(HSB) 24°, 100, 100
Web Safe ff6600 #f60
XYZ 45.991, 30.763, 3.514
xyY 0.573, 0.383, 30.763
CIE-LAB 62.307, 55.009, 71.337
CIE-LCH 62.307, 90.083, 52.363
CIE-LUV 62.307, 127.431, 53.604
Hunter-Lab 55.464, 50.951, 35.069
Binary 11111111, 01100110, 00000000

#ff6600 Color Analysis

Blending
R-G-B component
Websafe/Invert

Color Schemes with #ff6600

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color

Alternatives to #ff6600

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

#ff6600 Preview

Text with hexadecimal color #ff6600

This text has a font color of #ff6600.

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

This paragraph has a background color of #ff6600.

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

This element has a border color of #ff6600.

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

Shades and Tints of #ff6600

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 #fff2ea is the lightest one.

Tones of #ff6600

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