Skip to the color picker

#ccba64 color: The Weight of Gold

#ccba64 is rgb(204, 186, 100) in RGB and oklch(78.607% 0.10903 97.773) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

50°
100%

78.6%
0.109
98°
  • Yellow
  • Light
  • Soft
  • Warm
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.95:1Hard to read
Lc -42
Black text
10.78: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 #ccba64

#ccba64 is a soft light yellow color. In OKLCH it has 78.6% lightness, 0.109 chroma and a hue of 98°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.95:1 contrast and black text 10.78: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: #ccba64 mixed with white

  1. ccba64
  2. d1c175
  3. d6c885
  4. dbcf95
  5. e0d6a5
  6. e5ddb4
  7. eae4c3
  8. efead2
  9. f5f1e1
  10. faf8f0

Darker: #ccba64 mixed with black

  1. ccba64
  2. b1a156
  3. 978948
  4. 7e723b
  5. 655c2e
  6. 4e4622
  7. 373216
  8. 221e0b
  9. 0f0d03
  10. 020200

Calmer: #ccba64 with less saturation

  1. ccba64
  2. caba6e
  3. c8ba78
  4. c6ba81
  5. c4ba8a
  6. c2ba92
  7. c0ba9b
  8. bfbaa2
  9. bdbaaa
  10. bbb9b2

Questions about #ccba64

What color is #ccba64?

#ccba64 is soft light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 186, 100), in HSL hsl(49.62, 50.49%, 59.61%) and in OKLCH oklch(78.607% 0.10903 97.773).

What colors go well with #ccba64?

The complementary color of #ccba64 is #a8b3ff. For a calmer combination use the analogous colors #e8ac6a and #a5c77a. The triadic partners are #5acae7 and #e79ed2.

Is white or black text more readable on #ccba64?

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

Is #ccba64 a warm or cool color?

#ccba64 is a warm color. In OKLCH its hue is 98 degrees, its lightness 78.6% and its chroma 0.109.