Skip to the color picker

#fda676 color: Young Tangerine

#fda676 is rgb(253, 166, 118) in RGB and oklch(80.104% 0.12101 49.271) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

21°
100%

80.1%
0.121
49°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Tan
  • orange-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.93:1Hard to read
Lc -41
Black text
10.89:1Readable · AA
Lc 67

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

#fda676 is a bright light orange color. In OKLCH it has 80.1% lightness, 0.121 chroma and a hue of 49°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.93:1 contrast and black text 10.89:1, so black text reads better.

The closest named color is Young Tangerine (#ffa474). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #fda676 mixed with white

  1. fda676
  2. feaf84
  3. ffb892
  4. ffc1a0
  5. ffcaae
  6. ffd3bb
  7. ffdcc9
  8. ffe5d6
  9. ffeee4
  10. fff6f1

Darker: #fda676 mixed with black

  1. fda676
  2. dc9066
  3. bc7a56
  4. 9d6547
  5. 7f5138
  6. 623e29
  7. 472b1c
  8. 2d1a0f
  9. 160a05
  10. 030101

Calmer: #fda676 with less saturation

  1. fda676
  2. f7a97e
  3. f1ac86
  4. ecae8e
  5. e5b195
  6. dfb39c
  7. d9b6a3
  8. d2b8aa
  9. ccbab1
  10. c5bcb7

Questions about #fda676

What color is #fda676?

#fda676 is bright light orange. The closest named color is Young Tangerine. In RGB it is rgb(253, 166, 118), in HSL hsl(21.33, 97.12%, 72.75%) and in OKLCH oklch(80.104% 0.12101 49.271).

What colors go well with #fda676?

The complementary color of #fda676 is #5ecdfc. For a calmer combination use the analogous colors #ff9d9f and #e8b55d. The triadic partners are #61d7b1 and #bcb1ff.

Is white or black text more readable on #fda676?

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

Is #fda676 a warm or cool color?

#fda676 is a warm color. In OKLCH its hue is 49 degrees, its lightness 80.1% and its chroma 0.121.