Skip to the color picker

#ccbe4e color: Sulphur Yellow

#ccbe4e is rgb(204, 190, 78) in RGB and oklch(79.189% 0.13269 102.205) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

53°
100%

79.2%
0.133
102°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.90:1Hard to read
Lc -40
Black text
11.04: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 #ccbe4e

#ccbe4e is a bright light yellow color. In OKLCH it has 79.2% lightness, 0.133 chroma and a hue of 102°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.9:1 contrast and black text 11.04: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: #ccbe4e mixed with white

  1. ccbe4e
  2. d1c564
  3. d6cb77
  4. dbd28a
  5. e0d99b
  6. e5dfac
  7. eae6bd
  8. efecce
  9. f4f2de
  10. faf9ef

Darker: #ccbe4e mixed with black

  1. ccbe4e
  2. b1a543
  3. 978c38
  4. 7e752d
  5. 655e23
  6. 4e4819
  7. 37330f
  8. 221f07
  9. 0f0d02
  10. 020200

Calmer: #ccbe4e with less saturation

  1. ccbe4e
  2. cabe5d
  3. c8be6a
  4. c7be76
  5. c5be81
  6. c3bd8c
  7. c1bd96
  8. c0bda0
  9. bebca9
  10. bcbcb2

Questions about #ccbe4e

What color is #ccbe4e?

#ccbe4e is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 190, 78), in HSL hsl(53.33, 55.26%, 55.29%) and in OKLCH oklch(79.189% 0.13269 102.205).

What colors go well with #ccbe4e?

The complementary color of #ccbe4e is #aeb0ff. For a calmer combination use the analogous colors #efac51 and #9bcd71. The triadic partners are #3acdf8 and #f598d3.

Is white or black text more readable on #ccbe4e?

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

Is #ccbe4e a warm or cool color?

#ccbe4e is a neutral color. In OKLCH its hue is 102 degrees, its lightness 79.2% and its chroma 0.133.