Skip to the color picker

#ccba6b color: The Weight of Gold

#ccba6b is rgb(204, 186, 107) in RGB and oklch(78.705% 0.10186 96.855) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

49°
100%

78.7%
0.102
97°
  • Yellow
  • Light
  • Soft
  • Warm
  • ≈ Sand
  • orange-300
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.94:1Hard to read
Lc -42
Black text
10.80: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 #ccba6b

#ccba6b is a soft light yellow color. In OKLCH it has 78.7% lightness, 0.102 chroma and a hue of 97°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.94:1 contrast and black text 10.8:1, so black text reads better.

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

More light yellow colors

Lighter: #ccba6b mixed with white

  1. ccba6b
  2. d1c17b
  3. d6c88a
  4. dbcf99
  5. e0d6a8
  6. e5ddb7
  7. eae4c5
  8. efead4
  9. f5f1e2
  10. faf8f1

Darker: #ccba6b mixed with black

  1. ccba6b
  2. b1a15c
  3. 97894e
  4. 7e723f
  5. 655c32
  6. 4e4625
  7. 373218
  8. 221e0d
  9. 0f0d04
  10. 020200

Calmer: #ccba6b with less saturation

  1. ccba6b
  2. caba74
  3. c8ba7d
  4. c6ba85
  5. c4ba8e
  6. c3ba95
  7. c1ba9d
  8. bfbaa4
  9. bdbaab
  10. bbbab2

Questions about #ccba6b

What color is #ccba6b?

#ccba6b is soft light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 186, 107), in HSL hsl(48.87, 48.74%, 60.98%) and in OKLCH oklch(78.705% 0.10186 96.855).

What colors go well with #ccba6b?

The complementary color of #ccba6b is #a9b4fb. For a calmer combination use the analogous colors #e6ad71 and #a8c67e. The triadic partners are #63cae4 and #e4a0d2.

Is white or black text more readable on #ccba6b?

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

Is #ccba6b a warm or cool color?

#ccba6b is a warm color. In OKLCH its hue is 97 degrees, its lightness 78.7% and its chroma 0.102.