Skip to the color picker

#ccbe4f color: Sulphur Yellow

#ccbe4f is rgb(204, 190, 79) in RGB and oklch(79.199% 0.13187 102.147) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

53°
100%

79.2%
0.132
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.05: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 #ccbe4f

#ccbe4f is a bright light yellow color. In OKLCH it has 79.2% lightness, 0.132 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.05: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: #ccbe4f mixed with white

  1. ccbe4f
  2. d1c565
  3. d6cb78
  4. dbd28a
  5. e0d99c
  6. e5dfad
  7. eae6bd
  8. efecce
  9. f4f2de
  10. faf9ef

Darker: #ccbe4f mixed with black

  1. ccbe4f
  2. b1a544
  3. 978c38
  4. 7e752e
  5. 655e23
  6. 4e4819
  7. 373310
  8. 221f07
  9. 0f0d02
  10. 020200

Calmer: #ccbe4f with less saturation

  1. ccbe4f
  2. cabe5e
  3. c8be6b
  4. c7be77
  5. c5be82
  6. c3bd8c
  7. c1bd96
  8. c0bda0
  9. bebca9
  10. bdbcb2

Questions about #ccbe4f

What color is #ccbe4f?

#ccbe4f is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 190, 79), in HSL hsl(53.28, 55.07%, 55.49%) and in OKLCH oklch(79.199% 0.13187 102.147).

What colors go well with #ccbe4f?

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

Is white or black text more readable on #ccbe4f?

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

Is #ccbe4f a warm or cool color?

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