Skip to the color picker
PickShade

#dfdfa5 color: Tonic

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

Read as HEX

60°
100%

OKLCH

89%
0.075
108°
  • ≈ Vanilla
  • Beige
  • Very light
  • Soft
  • Pastel
  • Neutral
  • orange-200
  • Black 13%

Looks the same on every screen.

White text1.38:1 · Below AALc -21
Black text15.24:1 · AALc 85

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

#dfdfa5 is a pastel very light beige color. In OKLCH it has 89% lightness, 0.075 chroma and a hue of 108°.

Looks the same on every screen.

White text on it reaches 1.38:1 contrast and black text 15.24:1, so black text reads better.

The closest named color is Tonic (#deddaa). In Tailwind CSS the closest color is orange-200.

More very light beige colors

Lighter: #dfdfa5 mixed with white

  1. dfdfa5
  2. e2e2ae
  3. e5e6b7
  4. e8e9c0
  5. ececca
  6. efefd2
  7. f2f2db
  8. f5f6e4
  9. f8f9ed
  10. fcfcf6

Darker: #dfdfa5 mixed with black

  1. dfdfa5
  2. c2c28f
  3. a5a579
  4. 8a8a65
  5. 6f6f51
  6. 56563d
  7. 3d3d2b
  8. 27271a
  9. 12120a
  10. 020201

Calmer: #dfdfa5 with less saturation

  1. dfdfa5
  2. dedfab
  3. dedeb0
  4. dddeb6
  5. ddddbb
  6. ddddc1
  7. dcddc6
  8. dcdccb
  9. dbdcd0
  10. dbdbd5