Skip to the color picker

#f2a243 color: Yáng Chéng Orange

#f2a243 is rgb(242, 162, 67) in RGB and oklch(77.498% 0.14326 67.069) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

33°
100%

77.5%
0.143
67°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • amber-500
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.09:1Hard to read
Lc -45
Black text
10.02:1Readable · AA
Lc 63

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

#f2a243 is a bright light amber color. In OKLCH it has 77.5% lightness, 0.143 chroma and a hue of 67°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.09:1 contrast and black text 10.02:1, so black text reads better.

The closest named color is Yáng Chéng Orange (#f1a141). In Tailwind CSS the closest color is amber-500.

More light amber colors

Lighter: #f2a243 mixed with white

  1. f2a243
  2. f4ac5b
  3. f6b570
  4. f8bf83
  5. f9c896
  6. fbd2a8
  7. fcdbb9
  8. fde4cb
  9. feeddc
  10. fff6ee

Darker: #f2a243 mixed with black

  1. f2a243
  2. d28c39
  3. b4772f
  4. 966326
  5. 794f1d
  6. 5e3c14
  7. 432a0c
  8. 2b1905
  9. 140a01
  10. 030100

Calmer: #f2a243 with less saturation

  1. f2a243
  2. eca554
  3. e7a762
  4. e1a96e
  5. dbab7a
  6. d5ad85
  7. cfaf8f
  8. c9b199
  9. c3b3a3
  10. bcb4ac

Questions about #f2a243

What color is #f2a243?

#f2a243 is bright light amber. The closest named color is Yáng Chéng Orange. In RGB it is rgb(242, 162, 67), in HSL hsl(32.57, 87.06%, 60.59%) and in OKLCH oklch(77.498% 0.14326 67.069).

What colors go well with #f2a243?

The complementary color of #f2a243 is #62bdff. For a calmer combination use the analogous colors #ff9372 and #d0b535. The triadic partners are #00d2c5 and #ce9cfd.

Is white or black text more readable on #f2a243?

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

Is #f2a243 a warm or cool color?

#f2a243 is a warm color. In OKLCH its hue is 67 degrees, its lightness 77.5% and its chroma 0.143.