Skip to the color picker

#f2cd7c color: Yellow Bird

#f2cd7c is rgb(242, 205, 124) in RGB and oklch(86.293% 0.10837 85.63) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

41°
100%

86.3%
0.108
86°
  • Yellow
  • Very light
  • Vivid
  • Pastel
  • Warm
  • ≈ Peach
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.52:1Hard to read
Lc -27
Black text
13.80:1Readable · AA
Lc 80

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

#f2cd7c is a pastel very light yellow color. In OKLCH it has 86.3% lightness, 0.108 chroma and a hue of 86°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.52:1 contrast and black text 13.8:1, so black text reads better.

The closest named color is Yellow Bird (#f1cd7b). In Tailwind CSS the closest color is orange-300.

More very light yellow colors

Lighter: #f2cd7c mixed with white

  1. f2cd7c
  2. f3d28a
  3. f5d798
  4. f6dca6
  5. f7e1b3
  6. f9e6c0
  7. faebcd
  8. fbf0d9
  9. fdf5e6
  10. fefaf2

Darker: #f2cd7c mixed with black

  1. f2cd7c
  2. d2b26b
  3. b4985a
  4. 967e4a
  5. 79663b
  6. 5e4e2c
  7. 43381e
  8. 2b2311
  9. 140f05
  10. 030201

Calmer: #f2cd7c with less saturation

  1. f2cd7c
  2. efce86
  3. ecce90
  4. e8cf99
  5. e5d0a2
  6. e2d0aa
  7. dfd0b2
  8. dcd1ba
  9. d8d1c2
  10. d5d1ca

Questions about #f2cd7c

What color is #f2cd7c?

#f2cd7c is pastel very light yellow. The closest named color is Yellow Bird. In RGB it is rgb(242, 205, 124), in HSL hsl(41.19, 81.94%, 71.76%) and in OKLCH oklch(86.293% 0.10837 85.63).

What colors go well with #f2cd7c?

The complementary color of #f2cd7c is #b6d1ff. For a calmer combination use the analogous colors #ffbf8c and #cedb87. The triadic partners are #70e6f4 and #f7b9f9.

Is white or black text more readable on #f2cd7c?

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

Is #f2cd7c a warm or cool color?

#f2cd7c is a warm color. In OKLCH its hue is 86 degrees, its lightness 86.3% and its chroma 0.108.