Skip to the color picker

#fde68f color: Swallowtail

#fde68f is rgb(253, 230, 143) in RGB and oklch(92.502% 0.10995 95.049) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

47°
100%

92.5%
0.110
95°
  • Yellow
  • Very light
  • Vivid
  • Pastel
  • Warm
  • ≈ Khaki
  • amber-200
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.24:1Hard to read
Lc -14
Black text
16.89:1Readable · AA
Lc 92

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

#fde68f is a pastel very light yellow color. In OKLCH it has 92.5% lightness, 0.11 chroma and a hue of 95°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.24:1 contrast and black text 16.89:1, so black text reads better.

The closest named color is Swallowtail (#ffe690). In Tailwind CSS the closest color is amber-200.

More very light yellow colors

Lighter: #fde68f mixed with white

  1. fde68f
  2. fde99b
  3. fdeba7
  4. feeeb3
  5. fef1be
  6. fef3ca
  7. fef6d4
  8. fef8df
  9. fffaea
  10. fffdf5

Darker: #fde68f mixed with black

  1. fde68f
  2. dcc87c
  3. bcab69
  4. 9d8e57
  5. 7f7345
  6. 625934
  7. 474024
  8. 2d2815
  9. 161307
  10. 030301

Calmer: #fde68f with less saturation

  1. fde68f
  2. fbe699
  3. f8e6a3
  4. f6e6ac
  5. f4e7b5
  6. f1e7bd
  7. efe7c6
  8. ede7ce
  9. ebe6d6
  10. e8e6de

Questions about #fde68f

What color is #fde68f?

#fde68f is pastel very light yellow. The closest named color is Swallowtail. In RGB it is rgb(253, 230, 143), in HSL hsl(47.45, 96.49%, 77.65%) and in OKLCH oklch(92.502% 0.10995 95.049).

What colors go well with #fde68f?

The complementary color of #fde68f is #dbe4ff. For a calmer combination use the analogous colors #ffdcae and #d5f4a2. The triadic partners are #9af7ff and #ffd0fe.

Is white or black text more readable on #fde68f?

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

Is #fde68f a warm or cool color?

#fde68f is a warm color. In OKLCH its hue is 95 degrees, its lightness 92.5% and its chroma 0.11.