Skip to the color picker

#cbc357 color: Sulphur Yellow

#cbc357 is rgb(203, 195, 87) in RGB and oklch(80.25% 0.12986 105.032) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

56°
100%

80.3%
0.130
105°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.83:1Hard to read
Lc -38
Black text
11.48:1Readable · AA
Lc 70

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

#cbc357 is a bright light yellow color. In OKLCH it has 80.3% lightness, 0.13 chroma and a hue of 105°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.83:1 contrast and black text 11.48: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: #cbc357 mixed with white

  1. cbc357
  2. d0c96b
  3. d5cf7d
  4. dad58f
  5. dfdca0
  6. e4e2b0
  7. e9e8c0
  8. efedd0
  9. f4f3e0
  10. faf9ef

Darker: #cbc357 mixed with black

  1. cbc357
  2. b0a94b
  3. 96903e
  4. 7d7833
  5. 656027
  6. 4d4a1c
  7. 373412
  8. 222008
  9. 0f0e03
  10. 020200

Calmer: #cbc357 with less saturation

  1. cbc357
  2. cac365
  3. c8c371
  4. c7c27c
  5. c6c287
  6. c4c191
  7. c3c19b
  8. c2c0a4
  9. c1c0ad
  10. bfbfb6

Questions about #cbc357

What color is #cbc357?

#cbc357 is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(203, 195, 87), in HSL hsl(55.86, 52.73%, 56.86%) and in OKLCH oklch(80.25% 0.12986 105.032).

What colors go well with #cbc357?

The complementary color of #cbc357 is #b6b2ff. For a calmer combination use the analogous colors #efb255 and #9ad17a. The triadic partners are #4ad0fd and #fa9bd2.

Is white or black text more readable on #cbc357?

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

Is #cbc357 a warm or cool color?

#cbc357 is a neutral color. In OKLCH its hue is 105 degrees, its lightness 80.3% and its chroma 0.13.