Skip to the color picker

#f3ca76 color: Pastel de Nata

#f3ca76 is rgb(243, 202, 118) in RGB and oklch(85.715% 0.11284 84.036) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

85.7%
0.113
84°
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • ≈ Peach
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.55:1Hard to read
Lc -29
Black text
13.52:1Readable · AA
Lc 78

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

#f3ca76 is a pastel very light amber color. In OKLCH it has 85.7% lightness, 0.113 chroma and a hue of 84°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.55:1 contrast and black text 13.52:1, so black text reads better.

The closest named color is Pastel de Nata (#f2c975). In Tailwind CSS the closest color is orange-300.

More amber colors

Lighter: #f3ca76 mixed with white

  1. f3ca76
  2. f4d085
  3. f6d594
  4. f7daa2
  5. f8e0b0
  6. f9e5bd
  7. fbeacb
  8. fcf0d8
  9. fdf5e5
  10. fefaf2

Darker: #f3ca76 mixed with black

  1. f3ca76
  2. d3af66
  3. b49556
  4. 977c47
  5. 7a6438
  6. 5e4d29
  7. 44371c
  8. 2b220f
  9. 140f05
  10. 030201

Calmer: #f3ca76 with less saturation

  1. f3ca76
  2. f0cb81
  3. eccc8b
  4. e9cc94
  5. e5cd9e
  6. e2cea7
  7. deceaf
  8. dbcfb8
  9. d7cfc0
  10. d3d0c8

Questions about #f3ca76

What color is #f3ca76?

#f3ca76 is pastel very light amber. The closest named color is Pastel de Nata. In RGB it is rgb(243, 202, 118), in HSL hsl(40.32, 83.89%, 70.78%) and in OKLCH oklch(85.715% 0.11284 84.036).

What colors go well with #f3ca76?

The complementary color of #f3ca76 is #b2d0ff. For a calmer combination use the analogous colors #ffbc88 and #cfd980. The triadic partners are #67e6f2 and #f5b7fa.

Is white or black text more readable on #f3ca76?

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

Is #f3ca76 a warm or cool color?

#f3ca76 is a warm color. In OKLCH its hue is 84 degrees, its lightness 85.7% and its chroma 0.113.