Skip to the color picker

#ccbc4a color: Sulphur Yellow

#ccbc4a is rgb(204, 188, 74) in RGB and oklch(78.73% 0.1341 101.311) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

53°
100%

78.7%
0.134
101°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.93:1Hard to read
Lc -41
Black text
10.86: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 #ccbc4a

#ccbc4a is a bright light yellow color. In OKLCH it has 78.7% lightness, 0.134 chroma and a hue of 101°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.93:1 contrast and black text 10.86:1, so black text reads better.

The closest named color is Sulphur Yellow (#ccc050). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #ccbc4a mixed with white

  1. ccbc4a
  2. d1c361
  3. d6ca75
  4. dbd188
  5. e0d79a
  6. e5deab
  7. eae5bc
  8. efebcd
  9. f4f2de
  10. faf8ee

Darker: #ccbc4a mixed with black

  1. ccbc4a
  2. b1a33f
  3. 978b35
  4. 7e732a
  5. 655d20
  6. 4e4717
  7. 37320e
  8. 221f06
  9. 0f0d02
  10. 020200

Calmer: #ccbc4a with less saturation

  1. ccbc4a
  2. cabc5a
  3. c8bc67
  4. c6bc74
  5. c4bc7f
  6. c2bc8a
  7. c1bb94
  8. bfbb9e
  9. bdbba7
  10. bbbab0

Questions about #ccbc4a

What color is #ccbc4a?

#ccbc4a is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 188, 74), in HSL hsl(52.62, 56.03%, 54.51%) and in OKLCH oklch(78.73% 0.1341 101.311).

What colors go well with #ccbc4a?

The complementary color of #ccbc4a is #abafff. For a calmer combination use the analogous colors #efaa4e and #9bcb6d. The triadic partners are #33ccf6 and #f496d3.

Is white or black text more readable on #ccbc4a?

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

Is #ccbc4a a warm or cool color?

#ccbc4a is a neutral color. In OKLCH its hue is 101 degrees, its lightness 78.7% and its chroma 0.134.