ع

Safety Orange

برتقالي السلامة

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.3493
Orange Web & UI ColorsWarm Colors Warm

Shades of Safety Orange

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text2.63:1
✗ AA✗ AAA✗ AA Large
Black text7.99:1
✓ AA✓ AAA✓ AA Large
On white2.63:1
✗ AA✗ AAA✗ AA Large
On black7.18:1
✓ AA✓ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Safety Orange

Full-color background with readable text.

Get started

About Safety Orange

Safety Orange (#FF7900) is a medium, highly saturated color from the Orange family with a warm character. It is made of 255 red, 121 green and 0 blue (hsl(28, 100%, 50%)). Its contrast ratio is 2.63:1 against white and 7.99:1 against black, so dark text reads best on it.

Suggested uses

  • buttons, highlights and calls to action
  • logos and brand accents
  • designs that should feel energetic or welcoming

Reading the codes

In HEX, #FF7900 stores red, green and blue as pairs of base-16 digits: 255, 121 and 0 out of 255. In HSL the same color has a hue of 28°, 100% saturation and 50% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#FF7518Pumpkin#F28500Tangerine#FF8C00Dark Orange#ED9121Carrot Orange#FF5F1FNeon Orange#D2691EChocolate#EC5800Persimmon#CC7722Ochre#FF7F50Coral#CD7F32Bronze

Palettes with this color

Bold Food Brand#D62828 #F77F00 #FCBF49 #EAE2B7 #003049Seventies Living#6B4226 #D4A017 #E07B39 #8A9A5B #F2E3C6Watermelon Sorbet#FF595E #FF924C #FDF0D5 #8AC926 #2B9348Citrus Splash#F9C80E #F86624 #EA3546 #662E9B #43BCCD

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Safety Orange?
The HEX code of Safety Orange is #FF7900. In RGB it is rgb(255, 121, 0) and in HSL hsl(28, 100%, 50%).
Which text color works on Safety Orange?
White text has a contrast ratio of 2.63:1 on Safety Orange and black text 7.99:1, so black text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Safety Orange?
Rotating the hue of Safety Orange by 180° gives #0086FF, its complementary color on the RGB color wheel.
What is Safety Orange in CMYK?
An approximate CMYK value for Safety Orange is cmyk(0%, 53%, 100%, 0%). For printing, ask your printer for an ICC-profiled conversion.