Skip to the color picker

#f8a866 color: Candied Yams

#f8a866 is rgb(248, 168, 102) in RGB and oklch(79.649% 0.12536 59.111) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

27°
100%

79.6%
0.125
59°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 3%

Inside sRGB: displays the same on any screen.

White text
1.95:1Hard to read
Lc -42
Black text
10.78: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 #f8a866

#f8a866 is a bright light orange color. In OKLCH it has 79.6% lightness, 0.125 chroma and a hue of 59°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.95:1 contrast and black text 10.78:1, so black text reads better.

The closest named color is Candied Yams (#f9a765). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #f8a866 mixed with white

  1. f8a866
  2. f9b177
  3. fbba87
  4. fcc396
  5. fdcca6
  6. fed4b5
  7. feddc4
  8. ffe5d3
  9. ffeee1
  10. fff7f0

Darker: #f8a866 mixed with black

  1. f8a866
  2. d89258
  3. b87c4a
  4. 9a673c
  5. 7c522f
  6. 603f23
  7. 452c17
  8. 2c1a0c
  9. 150a04
  10. 030100

Calmer: #f8a866 with less saturation

  1. f8a866
  2. f3ab70
  3. edad7a
  4. e7af83
  5. e2b18c
  6. dcb495
  7. d6b69d
  8. d0b7a5
  9. c9b9ad
  10. c3bbb5

Questions about #f8a866

What color is #f8a866?

#f8a866 is bright light orange. The closest named color is Candied Yams. In RGB it is rgb(248, 168, 102), in HSL hsl(27.12, 91.25%, 68.63%) and in OKLCH oklch(79.649% 0.12536 59.111).

What colors go well with #f8a866?

The complementary color of #f8a866 is #68c7ff. For a calmer combination use the analogous colors #ff9d8d and #ddb854. The triadic partners are #49d7be and #c8aaff.

Is white or black text more readable on #f8a866?

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

Is #f8a866 a warm or cool color?

#f8a866 is a warm color. In OKLCH its hue is 59 degrees, its lightness 79.6% and its chroma 0.125.