Skip to the color picker

#f2aa63 color: Lion of Menecrates

#f2aa63 is rgb(242, 170, 99) in RGB and oklch(79.298% 0.12197 64.073) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

30°
100%

79.3%
0.122
64°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.96:1Hard to read
Lc -42
Black text
10.71:1Readable · AA
Lc 66

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

#f2aa63 is a bright light amber color. In OKLCH it has 79.3% lightness, 0.122 chroma and a hue of 64°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.96:1 contrast and black text 10.71:1, so black text reads better.

The closest named color is Lion of Menecrates (#eeaa66). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #f2aa63 mixed with white

  1. f2aa63
  2. f4b374
  3. f6bb85
  4. f7c495
  5. f9cda4
  6. fad5b3
  7. fcdec3
  8. fde6d2
  9. feeee1
  10. fef7f0

Darker: #f2aa63 mixed with black

  1. f2aa63
  2. d29355
  3. b47d47
  4. 96683a
  5. 79532e
  6. 5e3f21
  7. 432d16
  8. 2b1b0b
  9. 140b03
  10. 030100

Calmer: #f2aa63 with less saturation

  1. f2aa63
  2. edac6e
  3. e8ae78
  4. e3b081
  5. ddb28a
  6. d8b493
  7. d2b69b
  8. cdb7a4
  9. c7b9ac
  10. c1bab4

Questions about #f2aa63

What color is #f2aa63?

#f2aa63 is bright light amber. The closest named color is Lion of Menecrates. In RGB it is rgb(242, 170, 99), in HSL hsl(29.79, 84.62%, 66.86%) and in OKLCH oklch(79.298% 0.12197 64.073).

What colors go well with #f2aa63?

The complementary color of #f2aa63 is #72c4ff. For a calmer combination use the analogous colors #ff9e87 and #d5ba58. The triadic partners are #46d5c4 and #cda7fb.

Is white or black text more readable on #f2aa63?

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

Is #f2aa63 a warm or cool color?

#f2aa63 is a warm color. In OKLCH its hue is 64 degrees, its lightness 79.3% and its chroma 0.122.