Skip to the color picker

#f6bc83 color: Apricot Yellow

#f6bc83 is rgb(246, 188, 131) in RGB and oklch(83.535% 0.09915 65.277) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

30°
100%

83.5%
0.099
65°
  • Amber
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Peach
  • orange-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.69:1Hard to read
Lc -34
Black text
12.44: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 #f6bc83

#f6bc83 is a pastel light amber color. In OKLCH it has 83.5% lightness, 0.099 chroma and a hue of 65°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.69:1 contrast and black text 12.44:1, so black text reads better.

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

More light amber colors

Lighter: #f6bc83 mixed with white

  1. f6bc83
  2. f7c390
  3. f9ca9d
  4. fad0a9
  5. fbd7b6
  6. fcdec2
  7. fde5ce
  8. fdebda
  9. fef2e7
  10. fff8f3

Darker: #f6bc83 mixed with black

  1. f6bc83
  2. d6a371
  3. b78b60
  4. 98734f
  5. 7b5d3f
  6. 5f472f
  7. 453220
  8. 2c1f12
  9. 150d06
  10. 030201

Calmer: #f6bc83 with less saturation

  1. f6bc83
  2. f2be8b
  3. edbf92
  4. e9c09a
  5. e5c2a1
  6. e0c3a8
  7. dcc4af
  8. d7c6b5
  9. d2c7bc
  10. cec8c2

Questions about #f6bc83

What color is #f6bc83?

#f6bc83 is pastel light amber. The closest named color is Apricot Yellow. In RGB it is rgb(246, 188, 131), in HSL hsl(29.74, 86.47%, 73.92%) and in OKLCH oklch(83.535% 0.09915 65.277).

What colors go well with #f6bc83?

The complementary color of #f6bc83 is #92d0ff. For a calmer combination use the analogous colors #ffb29d and #ddc97c. The triadic partners are #76ded2 and #d8b9fd.

Is white or black text more readable on #f6bc83?

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

Is #f6bc83 a warm or cool color?

#f6bc83 is a warm color. In OKLCH its hue is 65 degrees, its lightness 83.5% and its chroma 0.099.