Skip to the color picker
PickShade

#504d22 color: Codium Fragile

Every format, shade and contrast value for #504d22. Drag the picker to explore nearby colors.

Read as HEX

56°
100%

OKLCH

41.3%
0.062
105°
  • ≈ Umber
  • Yellow
  • Dark
  • Soft
  • Neutral
  • olive-700
  • Black 69%

Looks the same on every screen.

White text8.66:1 · AALc -94
Black text2.43:1 · Below AALc 14

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 #504d22

#504d22 is a soft dark yellow color. In OKLCH it has 41.3% lightness, 0.062 chroma and a hue of 105°.

Looks the same on every screen.

White text on it reaches 8.66:1 contrast and black text 2.43:1, so white text reads better.

The closest named color is Codium Fragile (#524b2a). In Tailwind CSS the closest color is olive-700.

More yellow colors

Lighter: #504d22 mixed with white

  1. 504d22
  2. 605d37
  3. 706e4c
  4. 807f61
  5. 919076
  6. a3a28c
  7. b5b4a2
  8. c7c6b9
  9. d9d9d0
  10. ecece7

Darker: #504d22 mixed with black

  1. 504d22
  2. 44421c
  3. 393716
  4. 2e2c11
  5. 24220b
  6. 1a1807
  7. 100f03
  8. 070701
  9. 020200
  10. 000000

Calmer: #504d22 with less saturation

  1. 504d22
  2. 4f4d27
  3. 4f4d2c
  4. 4e4d30
  5. 4e4c35
  6. 4d4c39
  7. 4d4c3c
  8. 4c4c40
  9. 4c4c44
  10. 4b4b47