Skip to the color picker

#ccbc61 color: The Weight of Gold

#ccbc61 is rgb(204, 188, 97) in RGB and oklch(78.984% 0.11381 99.521) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

51°
100%

79%
0.114
100°
  • Yellow
  • Light
  • Soft
  • Warm
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.92:1Hard to read
Lc -41
Black text
10.93:1Readable · AA
Lc 67

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

#ccbc61 is a soft light yellow color. In OKLCH it has 79% lightness, 0.114 chroma and a hue of 100°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.92:1 contrast and black text 10.93:1, so black text reads better.

The closest named color is The Weight of Gold (#cdbb63). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #ccbc61 mixed with white

  1. ccbc61
  2. d1c373
  3. d6ca83
  4. dbd094
  5. e0d7a3
  6. e5deb3
  7. eae4c2
  8. efebd1
  9. f4f2e1
  10. faf8f0

Darker: #ccbc61 mixed with black

  1. ccbc61
  2. b1a353
  3. 978b46
  4. 7e7339
  5. 655d2d
  6. 4e4721
  7. 373215
  8. 221f0b
  9. 0f0d03
  10. 020200

Calmer: #ccbc61 with less saturation

  1. ccbc61
  2. cabc6c
  3. c8bc76
  4. c6bc80
  5. c5bc89
  6. c3bc92
  7. c1bc9a
  8. bfbba3
  9. bebbab
  10. bcbbb3

Questions about #ccbc61

What color is #ccbc61?

#ccbc61 is soft light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 188, 97), in HSL hsl(51.03, 51.2%, 59.02%) and in OKLCH oklch(78.984% 0.11381 99.521).

What colors go well with #ccbc61?

The complementary color of #ccbc61 is #abb3ff. For a calmer combination use the analogous colors #eaad65 and #a3c979. The triadic partners are #57ccec and #eb9dd2.

Is white or black text more readable on #ccbc61?

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

Is #ccbc61 a warm or cool color?

#ccbc61 is a warm color. In OKLCH its hue is 100 degrees, its lightness 79% and its chroma 0.114.