Skip to the color picker

#dfa225 color: Grapefruit Yellow

#dfa225 is rgb(223, 162, 37) in RGB and oklch(75.145% 0.14641 79.463) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

75.1%
0.146
79°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • amber-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.25:1Hard to read
Lc -49
Black text
9.33:1Readable · AA
Lc 60

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

#dfa225 is a bright light amber color. In OKLCH it has 75.1% lightness, 0.146 chroma and a hue of 79°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.25:1 contrast and black text 9.33:1, so black text reads better.

The closest named color is Grapefruit Yellow (#dfa01a). In Tailwind CSS the closest color is amber-500.

More light amber colors

Lighter: #dfa225 mixed with white

  1. dfa225
  2. e3ac47
  3. e6b561
  4. eabf77
  5. edc88c
  6. f0d1a0
  7. f3dbb3
  8. f6e4c6
  9. f9edd9
  10. fcf6ec

Darker: #dfa225 mixed with black

  1. dfa225
  2. c28c1f
  3. a57719
  4. 8a6313
  5. 6f4f0d
  6. 563c08
  7. 3d2a04
  8. 271902
  9. 120a00
  10. 020100

Calmer: #dfa225 with less saturation

  1. dfa225
  2. daa43e
  3. d6a550
  4. d1a760
  5. cca86d
  6. c7aa79
  7. c2ab85
  8. bdac90
  9. b8ad9a
  10. b3aea4

Questions about #dfa225

What color is #dfa225?

#dfa225 is bright light amber. The closest named color is Grapefruit Yellow. In RGB it is rgb(223, 162, 37), in HSL hsl(40.32, 74.4%, 50.98%) and in OKLCH oklch(75.145% 0.14641 79.463).

What colors go well with #dfa225?

The complementary color of #dfa225 is #75aeff. For a calmer combination use the analogous colors #f79053 and #b5b533. The triadic partners are #00c9d2 and #d68ee8.

Is white or black text more readable on #dfa225?

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

Is #dfa225 a warm or cool color?

#dfa225 is a warm color. In OKLCH its hue is 79 degrees, its lightness 75.1% and its chroma 0.146.