Light Orange #FDAA48

About this color

#FDAA48 is a light, vivid orange. In OKLCH its lightness is 80%, its chroma 0.147 and its hue 67°. Its hue sits on the warm side of the wheel. It is the named color Light Orange. Black text reads best on it, at 11.01:1.

Colors that go with Light Orange

Matches found by rotating Light Orange around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Light Orange

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Light Orange, closest first.

• Paprika Kitchen
• Sumac Jar
• Paprika Rub
• Pool Festival
• Hibiscus Break
• Balloon Circus
• Paprika Rack
• Marigold Horizon

Similar named colors

The eight named colors closest to Light Orange, with their ΔE distance.

• Pale Orange #FFA756 ΔE 0.016
• Mango #FFA62B ΔE 0.017
• Butterscotch #FDB147 ΔE 0.017
• Orange #FFA500 ΔE 0.028
• Orange Yellow #FFAD01 ΔE 0.032
• Sandy Brown #F4A460 ΔE 0.033
• Squash #F2AB15 ΔE 0.035
• Yellow Orange #FCB001 ΔE 0.036

More about Light Orange

• Shades of orange
• What orange means

How to make Light Orange

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts yellow
• 4 parts pink
• 1 part red

Recipe result: #F9AA46, a difference of ΔE 0.007 from Light Orange. That is very close: most people will not see the difference.

What colors make orange? | Color mixing chart

Codes for Light Orange in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Light Orange

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 300.

1. Step 50

   50

   #FFF3E8

   oklch(97.1% 0.02 65.1)

2. Step 100

   100

   #FEE5CC

   oklch(93.6% 0.043 67.3)

3. Step 200

   200

   #FECF9F

   oklch(88.4% 0.082 67)

4. Step 300

   300 (this color)

   #FDAA48

   oklch(80.2% 0.147 67)

5. Step 400

   400

   #E08A00

   oklch(70.7% 0.156 67)

6. Step 500

   500

   #C07600

   oklch(63.1% 0.139 67.3)

7. Step 600

   600

   #A26300

   oklch(55.7% 0.123 67.4)

8. Step 700

   700

   #895200

   oklch(49.1% 0.109 66.6)

9. Step 800

   800

   #714300

   oklch(42.8% 0.095 66.9)

10. Step 900

    900

    #5E3700

    oklch(37.6% 0.083 67)

11. Step 950

    950

    #392000

    oklch(27% 0.059 68.3)

Export this scale for Tailwind in the Tailwind colors tool

Light Orange with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.