Skip to the color picker

#d86622 color: Hot Hazel

#d86622 is rgb(216, 102, 34) in RGB and oklch(63.869% 0.16202 46.712) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

22°
100%

63.9%
0.162
47°
  • Orange
  • Medium
  • Vivid
  • Warm
  • ≈ Chocolate
  • amber-600
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
3.59:1Hard to read
Lc -68
Black text
5.84:1Readable · AA
Lc 41

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 #d86622

#d86622 is a bright orange color. In OKLCH it has 63.9% lightness, 0.162 chroma and a hue of 47°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.59:1 contrast and black text 5.84:1, so white text reads better.

The closest named color is Hot Hazel (#dd6622). In Tailwind CSS the closest color is amber-600.

More medium orange colors

Lighter: #d86622 mixed with white

  1. d86622
  2. de7640
  3. e38658
  4. e8966d
  5. eda583
  6. f1b497
  7. f4c3ac
  8. f8d2c1
  9. fbe1d5
  10. fdf0ea

Darker: #d86622 mixed with black

  1. d86622
  2. bc581c
  3. a04a16
  4. 853c11
  5. 6b2f0b
  6. 532307
  7. 3b1703
  8. 250c01
  9. 110400
  10. 020000

Calmer: #d86622 with less saturation

  1. d86622
  2. d16b34
  3. ca7041
  4. c3754d
  5. bc7957
  6. b57c61
  7. ad806a
  8. a58373
  9. 9d867b
  10. 958984

Questions about #d86622

What color is #d86622?

#d86622 is bright orange. The closest named color is Hot Hazel. In RGB it is rgb(216, 102, 34), in HSL hsl(22.42, 72.8%, 49.02%) and in OKLCH oklch(63.869% 0.16202 46.712).

What colors go well with #d86622?

The complementary color of #d86622 is #009bcf. For a calmer combination use the analogous colors #dc5b68 and #bf7c00. The triadic partners are #00a877 and #8779e8.

Is white or black text more readable on #d86622?

White text reads better on #d86622: white gives a contrast ratio of 3.59:1 and black gives 5.84:1. WCAG AA asks for at least 4.5:1 for body text.

Is #d86622 a warm or cool color?

#d86622 is a warm color. In OKLCH its hue is 47 degrees, its lightness 63.9% and its chroma 0.162.