Skip to the color picker
PickShade

#df6700 color: Orange Danger

Every format, shade and contrast value for #df6700. Drag the picker to explore nearby colors.

Read as HEX

28°
100%

OKLCH

64.9%
0.173
49°
  • ≈ Chocolate
  • Orange
  • Medium
  • Vivid
  • Warm
  • amber-600
  • Black 13%

Looks the same on every screen.

White text3.46:1 · Below AALc -67
Black text6.08:1 · AALc 43

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

#df6700 is a bright orange color. In OKLCH it has 64.9% lightness, 0.173 chroma and a hue of 49°.

Looks the same on every screen.

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

The closest named color is Orange Danger (#dd6600). In Tailwind CSS the closest color is amber-600.

More medium orange colors

Lighter: #df6700 mixed with white

  1. df6700
  2. e47834
  3. e9884f
  4. ed9767
  5. f1a67e
  6. f4b594
  7. f7c4a9
  8. fad3bf
  9. fce2d4
  10. fef0e9

Darker: #df6700 mixed with black

  1. df6700
  2. c25900
  3. a54b00
  4. 8a3d00
  5. 6f3000
  6. 562300
  7. 3d1700
  8. 270c00
  9. 120400
  10. 020000

Calmer: #df6700 with less saturation

  1. df6700
  2. d86d26
  3. d17239
  4. c97747
  5. c27b54
  6. ba7f5f
  7. b28369
  8. aa8673
  9. a1897d
  10. 988c86