Skip to the color picker

#ccbc65 color: The Weight of Gold

#ccbc65 is rgb(204, 188, 101) in RGB and oklch(79.036% 0.10984 99.108) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

51°
100%

79%
0.110
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.95: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 #ccbc65

#ccbc65 is a soft light yellow color. In OKLCH it has 79% lightness, 0.11 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.95: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: #ccbc65 mixed with white

  1. ccbc65
  2. d1c376
  3. d6ca86
  4. dbd096
  5. e0d7a5
  6. e5deb4
  7. eae4c3
  8. efebd2
  9. f4f2e1
  10. faf8f0

Darker: #ccbc65 mixed with black

  1. ccbc65
  2. b1a357
  3. 978b49
  4. 7e733c
  5. 655d2f
  6. 4e4722
  7. 373217
  8. 221f0c
  9. 0f0d03
  10. 020200

Calmer: #ccbc65 with less saturation

  1. ccbc65
  2. cabc6f
  3. c8bc79
  4. c7bc82
  5. c5bc8b
  6. c3bc94
  7. c1bc9c
  8. c0bba4
  9. bebbab
  10. bcbbb3

Questions about #ccbc65

What color is #ccbc65?

#ccbc65 is soft light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 188, 101), in HSL hsl(50.68, 50.24%, 59.8%) and in OKLCH oklch(79.036% 0.10984 99.108).

What colors go well with #ccbc65?

The complementary color of #ccbc65 is #abb3ff. For a calmer combination use the analogous colors #e9ae69 and #a5c97c. The triadic partners are #5ccbea and #ea9fd2.

Is white or black text more readable on #ccbc65?

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

Is #ccbc65 a warm or cool color?

#ccbc65 is a warm color. In OKLCH its hue is 99 degrees, its lightness 79% and its chroma 0.11.