#FF701E — Shocking Orange Color · Hex, RGB & Palettes

COLOR

#FF701E

≈ Shocking Orange

Values · copy any

On white

2.77:1

Fails AA

On black

6.32:1

Passes AA

Best text on this color

Aa#1C1916(6.32:1)

Adjust & explore

drag the picker or wheel — values & harmonies update live

Picker · drag to explore

Hue22°Saturation88%Brightness100%

Wheel

Build a scheme →

Harmonies · live

Colour-blindness preview

Normal vision#FF701E

Protanopia#998707

Deuteranopia#BCA815

Tritanopia#FF4D61

Tints & shades

Color harmonies

Open in scheme generator →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Monochromatic

Colors that go with Shocking Orange

Shocking Orange sits in the orange family. Pair it with teal, cool blues or cream and sand for a soft, earthy scheme, or lean into its harmonies below for a ready-made scheme.

Cerulean#1EADFF Ice Ice Baby#1EFFE1 C64 Blue#1E3CFF Future Fuchsia#FF1E3D Holy Ghost#EFE9E6 Film Noir#42352E

Closest named, CSS & systems

Colour nameShocking Orange#FF6E1CΔE 0.4 CSS nameCoral#FF7F50ΔE 6.6 Web-safe#FF6600#FF6600ΔE 2.1

Pantone & RAL matches are coming soon — those libraries aren't openly licensed for redistribution.

Shocking Orange — meaning & where to use it

Shocking Orange is a bright orange — it reads as warm, friendly and inviting. It's a natural fit for lifestyle, wellness and playful consumer brands, and cheerful call-to-action buttons. To keep it balanced, pair it with teal, cool blues or cream and sand for a soft, earthy scheme.

Share image

Download image

Shocking Orange color card — #FF701E, 255, 112, 30

1200×1500 — sized for Pinterest, Instagram & social sharing. Free to download and use.