Skip to the color picker

#ccbe60 color: The Weight of Gold

#ccbe60 is rgb(204, 190, 96) in RGB and oklch(79.389% 0.11664 100.951) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

52°
100%

79.4%
0.117
101°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.89:1Hard to read
Lc -40
Black text
11.10:1Readable · AA
Lc 68

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

#ccbe60 is a bright light yellow color. In OKLCH it has 79.4% lightness, 0.117 chroma and a hue of 101°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.89:1 contrast and black text 11.1: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: #ccbe60 mixed with white

  1. ccbe60
  2. d1c572
  3. d6cb83
  4. dbd293
  5. e0d8a3
  6. e5dfb3
  7. eae5c2
  8. efecd1
  9. f4f2e1
  10. faf9f0

Darker: #ccbe60 mixed with black

  1. ccbe60
  2. b1a552
  3. 978c45
  4. 7e7538
  5. 655e2c
  6. 4e4820
  7. 373315
  8. 221f0a
  9. 0f0d03
  10. 020200

Calmer: #ccbe60 with less saturation

  1. ccbe60
  2. cabe6b
  3. c9be76
  4. c7be80
  5. c5be89
  6. c4bd92
  7. c2bd9b
  8. c0bda3
  9. bfbdac
  10. bdbcb4

Questions about #ccbe60

What color is #ccbe60?

#ccbe60 is bright light yellow. The closest named color is The Weight of Gold. In RGB it is rgb(204, 190, 96), in HSL hsl(52.22, 51.43%, 58.82%) and in OKLCH oklch(79.389% 0.11664 100.951).

What colors go well with #ccbe60?

The complementary color of #ccbe60 is #aeb3ff. For a calmer combination use the analogous colors #ebaf63 and #a1cb7b. The triadic partners are #56cdf0 and #ef9ed2.

Is white or black text more readable on #ccbe60?

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

Is #ccbe60 a warm or cool color?

#ccbe60 is a neutral color. In OKLCH its hue is 101 degrees, its lightness 79.4% and its chroma 0.117.