Skip to the color picker

#f08442 color: Construction Zone

#f08442 is rgb(240, 132, 66) in RGB and oklch(72.114% 0.15415 49.55) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

23°
100%

72.1%
0.154
50°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Tangerine
  • orange-400
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.60:1Hard to read
Lc -55
Black text
8.08:1Readable · AA
Lc 54

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #f08442

#f08442 is a bright light orange color. In OKLCH it has 72.1% lightness, 0.154 chroma and a hue of 50°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.6:1 contrast and black text 8.08:1, so black text reads better.

The closest named color is Construction Zone (#ee8442). In Tailwind CSS the closest color is orange-400.

More light orange colors

Lighter: #f08442 mixed with white

  1. f08442
  2. f39158
  3. f69e6d
  4. f8aa80
  5. fab792
  6. fcc3a5
  7. fdcfb7
  8. fedbc9
  9. ffe7db
  10. fff3ed

Darker: #f08442 mixed with black

  1. f08442
  2. d17238
  3. b2602f
  4. 954f25
  5. 783f1c
  6. 5d2f14
  7. 43200b
  8. 2a1205
  9. 140601
  10. 030100

Calmer: #f08442 with less saturation

  1. f08442
  2. e98850
  3. e38c5b
  4. dc9066
  5. d49470
  6. cd977a
  7. c69a83
  8. be9d8c
  9. b6a094
  10. ada29d

Questions about #f08442

What color is #f08442?

#f08442 is bright light orange. The closest named color is Construction Zone. In RGB it is rgb(240, 132, 66), in HSL hsl(22.76, 85.29%, 60%) and in OKLCH oklch(72.114% 0.15415 49.55).

What colors go well with #f08442?

The complementary color of #f08442 is #00b5f2. For a calmer combination use the analogous colors #f6797d and #d79700. The triadic partners are #00c395 and #a492fe.

Is white or black text more readable on #f08442?

Black text reads better on #f08442: white gives a contrast ratio of 2.6:1 and black gives 8.08:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f08442 a warm or cool color?

#f08442 is a warm color. In OKLCH its hue is 50 degrees, its lightness 72.1% and its chroma 0.154.