Skip to the color picker

#f4bc83 color: Melon Balls

#f4bc83 is rgb(244, 188, 131) in RGB and oklch(83.331% 0.09762 66.311) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

30°
100%

83.3%
0.098
66°
  • Amber
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Peach
  • orange-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.70:1Hard to read
Lc -34
Black text
12.37:1Readable · AA
Lc 74

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

#f4bc83 is a pastel light amber color. In OKLCH it has 83.3% lightness, 0.098 chroma and a hue of 66°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.7:1 contrast and black text 12.37:1, so black text reads better.

The closest named color is Melon Balls (#f2bd85). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #f4bc83 mixed with white

  1. f4bc83
  2. f5c390
  3. f7ca9d
  4. f8d0a9
  5. f9d7b6
  6. fbdec2
  7. fce5ce
  8. fdebda
  9. fef2e7
  10. fef8f3

Darker: #f4bc83 mixed with black

  1. f4bc83
  2. d4a371
  3. b58b60
  4. 97734f
  5. 7a5d3f
  6. 5e472f
  7. 443220
  8. 2b1f12
  9. 140d06
  10. 030201

Calmer: #f4bc83 with less saturation

  1. f4bc83
  2. f0bd8b
  3. ecbf92
  4. e7c09a
  5. e3c2a1
  6. dfc3a7
  7. dac4ae
  8. d6c5b5
  9. d1c6bb
  10. cdc7c2

Questions about #f4bc83

What color is #f4bc83?

#f4bc83 is pastel light amber. The closest named color is Melon Balls. In RGB it is rgb(244, 188, 131), in HSL hsl(30.27, 83.7%, 73.53%) and in OKLCH oklch(83.331% 0.09762 66.311).

What colors go well with #f4bc83?

The complementary color of #f4bc83 is #93cfff. For a calmer combination use the analogous colors #ffb29c and #dbc97d. The triadic partners are #77ddd2 and #d8b8fb.

Is white or black text more readable on #f4bc83?

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

Is #f4bc83 a warm or cool color?

#f4bc83 is a warm color. In OKLCH its hue is 66 degrees, its lightness 83.3% and its chroma 0.098.