Skip to the color picker

#d77a42 color: Jaffa Orange

#d77a42 is rgb(215, 122, 66) in RGB and oklch(67.187% 0.1356 49.772) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

23°
100%

67.2%
0.136
50°
  • Orange
  • Medium
  • Vivid
  • Warm
  • ≈ Bronze
  • amber-600
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
3.11:1Hard to read
Lc -63
Black text
6.75:1Readable · AA
Lc 46

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

#d77a42 is a bright orange color. In OKLCH it has 67.2% lightness, 0.136 chroma and a hue of 50°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.11:1 contrast and black text 6.75:1, so black text reads better.

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

More medium orange colors

Lighter: #d77a42 mixed with white

  1. d77a42
  2. dc8857
  3. e1956a
  4. e6a37d
  5. eab090
  6. efbda2
  7. f2cab5
  8. f6d7c7
  9. f9e5da
  10. fcf2ec

Darker: #d77a42 mixed with black

  1. d77a42
  2. bb6938
  3. 9f592f
  4. 854925
  5. 6b3a1c
  6. 522b14
  7. 3b1d0b
  8. 251005
  9. 110501
  10. 020100

Calmer: #d77a42 with less saturation

  1. d77a42
  2. d17e4d
  3. cb8157
  4. c58460
  5. bf8768
  6. b98a70
  7. b28d78
  8. ab8f80
  9. a49187
  10. 9d948f

Similar named colors

Colors that go with #d77a42

Complementary
#d77a42#00a4d8
Analogous
#d77a42#dd7073#c18b11
Triadic
#d77a42#00b089#9586e3
Split
#d77a42#00adb6#6295e8

Questions about #d77a42

What color is #d77a42?

#d77a42 is bright orange. The closest named color is Jaffa Orange. In RGB it is rgb(215, 122, 66), in HSL hsl(22.55, 65.07%, 55.1%) and in OKLCH oklch(67.187% 0.1356 49.772).

What colors go well with #d77a42?

The complementary color of #d77a42 is #00a4d8. For a calmer combination use the analogous colors #dd7073 and #c18b11. The triadic partners are #00b089 and #9586e3.

Is white or black text more readable on #d77a42?

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

Is #d77a42 a warm or cool color?

#d77a42 is a warm color. In OKLCH its hue is 50 degrees, its lightness 67.2% and its chroma 0.136.