Skip to the color picker

#f2eda1 color: Pale Canary

#f2eda1 is rgb(242, 237, 161) in RGB and oklch(93.276% 0.09606 104.9) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

56°
100%

93.3%
0.096
105°
  • Yellow
  • Very light
  • Soft
  • Pastel
  • Neutral
  • ≈ Khaki
  • amber-200
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.21:1Hard to read
Lc -12
Black text
17.40:1Readable · AA
Lc 93

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

#f2eda1 is a pastel very light yellow color. In OKLCH it has 93.3% lightness, 0.096 chroma and a hue of 105°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.21:1 contrast and black text 17.4:1, so black text reads better.

The closest named color is Pale Canary (#f1efa6). In Tailwind CSS the closest color is amber-200.

More very light yellow colors

Lighter: #f2eda1 mixed with white

  1. f2eda1
  2. f3efab
  3. f4f1b5
  4. f6f3bf
  5. f7f5c8
  6. f8f6d1
  7. faf8db
  8. fbfae4
  9. fcfced
  10. fefdf6

Darker: #f2eda1 mixed with black

  1. f2eda1
  2. d2ce8b
  3. b4b076
  4. 969362
  5. 79774e
  6. 5e5c3c
  7. 43422a
  8. 2b2a19
  9. 141409
  10. 030301

Calmer: #f2eda1 with less saturation

  1. f2eda1
  2. f1eda9
  3. f0ecb1
  4. efecb8
  5. eeecbf
  6. edebc7
  7. ecebce
  8. ebead4
  9. eaeadb
  10. e9e9e2

Questions about #f2eda1

What color is #f2eda1?

#f2eda1 is pastel very light yellow. The closest named color is Pale Canary. In RGB it is rgb(242, 237, 161), in HSL hsl(56.3, 75.7%, 79.02%) and in OKLCH oklch(93.276% 0.09606 104.9).

What colors go well with #f2eda1?

The complementary color of #f2eda1 is #e4e4ff. For a calmer combination use the analogous colors #ffe1a5 and #cef8b7. The triadic partners are #b5f4ff and #ffd7f4.

Is white or black text more readable on #f2eda1?

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

Is #f2eda1 a warm or cool color?

#f2eda1 is a neutral color. In OKLCH its hue is 105 degrees, its lightness 93.3% and its chroma 0.096.