Skip to the color picker

#f2eda3 color: Pale Canary

#f2eda3 is rgb(242, 237, 163) in RGB and oklch(93.311% 0.09374 104.781) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

56°
100%

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

Inside sRGB: displays the same on any screen.

White text
1.21:1Hard to read
Lc -12
Black text
17.42:1Readable · AA
Lc 94

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

#f2eda3 is a pastel very light yellow color. In OKLCH it has 93.3% lightness, 0.094 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.42: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: #f2eda3 mixed with white

  1. f2eda3
  2. f3efad
  3. f4f1b6
  4. f6f3c0
  5. f7f5c9
  6. f8f6d2
  7. faf8db
  8. fbfae4
  9. fcfced
  10. fefdf6

Darker: #f2eda3 mixed with black

  1. f2eda3
  2. d2ce8d
  3. b4b078
  4. 969363
  5. 79774f
  6. 5e5c3c
  7. 43422a
  8. 2b2a19
  9. 14140a
  10. 030301

Calmer: #f2eda3 with less saturation

  1. f2eda3
  2. f1edab
  3. f0ecb2
  4. efecb9
  5. eeecc1
  6. edebc8
  7. ecebce
  8. ebead5
  9. eaeadc
  10. eae9e2

Questions about #f2eda3

What color is #f2eda3?

#f2eda3 is pastel very light yellow. The closest named color is Pale Canary. In RGB it is rgb(242, 237, 163), in HSL hsl(56.2, 75.24%, 79.41%) and in OKLCH oklch(93.311% 0.09374 104.781).

What colors go well with #f2eda3?

The complementary color of #f2eda3 is #e4e5ff. For a calmer combination use the analogous colors #ffe1a6 and #cef8b8. The triadic partners are #b5f4ff and #ffd7f4.

Is white or black text more readable on #f2eda3?

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

Is #f2eda3 a warm or cool color?

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