Skip to the color picker

#dfa356 color: Pan de Coco

#dfa356 is rgb(223, 163, 86) in RGB and oklch(75.743% 0.11782 71.204) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

34°
100%

75.7%
0.118
71°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Sand
  • amber-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.21:1Hard to read
Lc -48
Black text
9.51:1Readable · AA
Lc 61

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

#dfa356 is a bright light amber color. In OKLCH it has 75.7% lightness, 0.118 chroma and a hue of 71°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.21:1 contrast and black text 9.51:1, so black text reads better.

The closest named color is Pan de Coco (#dca356). In Tailwind CSS the closest color is amber-500.

More light amber colors

Lighter: #dfa356 mixed with white

  1. dfa356
  2. e3ac69
  3. e6b67b
  4. eabf8c
  5. edc89d
  6. f0d1ad
  7. f3dabe
  8. f6e4ce
  9. f9edde
  10. fcf6ef

Darker: #dfa356 mixed with black

  1. dfa356
  2. c28d4a
  3. a5783e
  4. 8a6332
  5. 6f4f27
  6. 563c1c
  7. 3d2a12
  8. 271908
  9. 120a02
  10. 020100

Calmer: #dfa356 with less saturation

  1. dfa356
  2. dba561
  3. d6a66c
  4. d2a876
  5. cda97f
  6. c8ab88
  7. c4ac90
  8. bfad98
  9. baaea0
  10. b5afa8

Questions about #dfa356

What color is #dfa356?

#dfa356 is bright light amber. The closest named color is Pan de Coco. In RGB it is rgb(223, 163, 86), in HSL hsl(33.72, 68.16%, 60.59%) and in OKLCH oklch(75.743% 0.11782 71.204).

What colors go well with #dfa356?

The complementary color of #dfa356 is #76b5f9. For a calmer combination use the analogous colors #ef9675 and #c0b253. The triadic partners are #38c8c2 and #c99ae7.

Is white or black text more readable on #dfa356?

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

Is #dfa356 a warm or cool color?

#dfa356 is a warm color. In OKLCH its hue is 71 degrees, its lightness 75.7% and its chroma 0.118.