Skip to the color picker

#ccbc67 color: The Weight of Gold

#ccbc67 is rgb(204, 188, 103) in RGB and oklch(79.064% 0.10782 98.888) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

50°
100%

79.1%
0.108
99°
  • 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.96: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 #ccbc67

#ccbc67 is a soft light yellow color. In OKLCH it has 79.1% lightness, 0.108 chroma and a hue of 99°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.92:1 contrast and black text 10.96: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: #ccbc67 mixed with white

  1. ccbc67
  2. d1c378
  3. d6ca88
  4. dbd097
  5. e0d7a6
  6. e5deb5
  7. eae4c4
  8. efebd3
  9. f4f2e2
  10. faf8f0

Darker: #ccbc67 mixed with black

  1. ccbc67
  2. b1a359
  3. 978b4b
  4. 7e733d
  5. 655d30
  6. 4e4723
  7. 373217
  8. 221f0c
  9. 0f0d04
  10. 020200

Calmer: #ccbc67 with less saturation

  1. ccbc67
  2. cabc71
  3. c8bc7b
  4. c7bc84
  5. c5bc8c
  6. c3bc94
  7. c1bc9c
  8. c0bba4
  9. bebbac
  10. bcbbb3

Questions about #ccbc67

What color is #ccbc67?

#ccbc67 is soft light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 188, 103), in HSL hsl(50.5, 49.75%, 60.2%) and in OKLCH oklch(79.064% 0.10782 98.888).

What colors go well with #ccbc67?

The complementary color of #ccbc67 is #abb4ff. For a calmer combination use the analogous colors #e8ae6c and #a5c97d. The triadic partners are #5ecbea and #e9a0d2.

Is white or black text more readable on #ccbc67?

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

Is #ccbc67 a warm or cool color?

#ccbc67 is a warm color. In OKLCH its hue is 99 degrees, its lightness 79.1% and its chroma 0.108.