Skip to the color picker
PickShade

#de6700 color: Orange Danger

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

Read as HEX

28°
100%

OKLCH

64.8%
0.172
50°
  • ≈ Chocolate
  • Orange
  • Medium
  • Vivid
  • Warm
  • amber-600
  • Black 13%

Looks the same on every screen.

White text3.47:1 · Below AALc -67
Black text6.05: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 #de6700

#de6700 is a bright orange color. In OKLCH it has 64.8% lightness, 0.172 chroma and a hue of 50°.

Looks the same on every screen.

White text on it reaches 3.47:1 contrast and black text 6.05: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: #de6700 mixed with white

  1. de6700
  2. e37834
  3. e8884f
  4. ec9767
  5. f0a67e
  6. f4b594
  7. f7c4a9
  8. fad3be
  9. fce2d4
  10. fef0e9

Darker: #de6700 mixed with black

  1. de6700
  2. c15900
  3. a54b00
  4. 893d00
  5. 6f3000
  6. 552300
  7. 3d1700
  8. 260c00
  9. 120400
  10. 020000

Calmer: #de6700 with less saturation

  1. de6700
  2. d76d26
  3. d07238
  4. c97647
  5. c17b53
  6. b97f5e
  7. b18269
  8. a98673
  9. a1897c
  10. 988c85