Skip to the color picker

#dcc662 color: Williams Pear Yellow

#dcc662 is rgb(220, 198, 98) in RGB and oklch(82.509% 0.12298 97.12) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

49°
100%

82.5%
0.123
97°
  • Yellow
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Amber
  • orange-300
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
1.71:1Hard to read
Lc -34
Black text
12.30:1Readable · AA
Lc 73

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

#dcc662 is a pastel light yellow color. In OKLCH it has 82.5% lightness, 0.123 chroma and a hue of 97°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.71:1 contrast and black text 12.3:1, so black text reads better.

The closest named color is Williams Pear Yellow (#ddc765). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #dcc662 mixed with white

  1. dcc662
  2. dfcc74
  3. e3d285
  4. e6d896
  5. eadda5
  6. ede3b5
  7. f1e9c4
  8. f4eed3
  9. f8f4e2
  10. fbf9f0

Darker: #dcc662 mixed with black

  1. dcc662
  2. bfac54
  3. a39247
  4. 887a3a
  5. 6e622d
  6. 544b21
  7. 3c3516
  8. 26210b
  9. 110e03
  10. 020200

Calmer: #dcc662 with less saturation

  1. dcc662
  2. dac66f
  3. d7c67a
  4. d5c685
  5. d3c78f
  6. d1c799
  7. cec6a2
  8. ccc6ac
  9. cac6b4
  10. c8c6bd

Questions about #dcc662

What color is #dcc662?

#dcc662 is pastel light yellow. The closest named color is Williams Pear Yellow. In RGB it is rgb(220, 198, 98), in HSL hsl(49.18, 63.54%, 62.35%) and in OKLCH oklch(82.509% 0.12298 97.12).

What colors go well with #dcc662?

The complementary color of #dcc662 is #b4bfff. For a calmer combination use the analogous colors #fbb66a and #b0d57b. The triadic partners are #53d9fa and #f9a6e3.

Is white or black text more readable on #dcc662?

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

Is #dcc662 a warm or cool color?

#dcc662 is a warm color. In OKLCH its hue is 97 degrees, its lightness 82.5% and its chroma 0.123.