Skip to the color picker

#edc869 color: Butterblond

#edc869 is rgb(237, 200, 105) in RGB and oklch(84.579% 0.12153 88.397) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

43°
100%

84.6%
0.122
88°
  • Yellow
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Amber
  • orange-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
1.61:1Hard to read
Lc -31
Black text
13.07:1Readable · AA
Lc 77

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

#edc869 is a pastel light yellow color. In OKLCH it has 84.6% lightness, 0.122 chroma and a hue of 88°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.61:1 contrast and black text 13.07:1, so black text reads better.

The closest named color is Butterblond (#f1c766). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #edc869 mixed with white

  1. edc869
  2. efce7a
  3. f1d38b
  4. f3d99a
  5. f4dfa9
  6. f6e4b8
  7. f8eac6
  8. faefd5
  9. fcf4e3
  10. fdfaf1

Darker: #edc869 mixed with black

  1. edc869
  2. ceae5a
  3. b0944c
  4. 937b3e
  5. 776331
  6. 5c4c24
  7. 423618
  8. 2a210c
  9. 140f04
  10. 030200

Calmer: #edc869 with less saturation

  1. edc869
  2. eac975
  3. e7c981
  4. e3ca8c
  5. e0ca96
  6. ddcb9f
  7. d9cba9
  8. d6ccb2
  9. d3ccbb
  10. cfccc4

Questions about #edc869

What color is #edc869?

#edc869 is pastel light yellow. The closest named color is Butterblond. In RGB it is rgb(237, 200, 105), in HSL hsl(43.18, 78.57%, 67.06%) and in OKLCH oklch(84.579% 0.12153 88.397).

What colors go well with #edc869?

The complementary color of #edc869 is #b2caff. For a calmer combination use the analogous colors #ffb87a and #c5d879. The triadic partners are #56e2f6 and #f8b0f4.

Is white or black text more readable on #edc869?

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

Is #edc869 a warm or cool color?

#edc869 is a warm color. In OKLCH its hue is 88 degrees, its lightness 84.6% and its chroma 0.122.