Skip to the color picker

#ccc358 color: Sulphur Yellow

#ccc358 is rgb(204, 195, 88) in RGB and oklch(80.348% 0.12891 104.478) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

55°
100%

80.3%
0.129
104°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.82:1Hard to read
Lc -38
Black text
11.51: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 #ccc358

#ccc358 is a bright light yellow color. In OKLCH it has 80.3% lightness, 0.129 chroma and a hue of 104°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.82:1 contrast and black text 11.51: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: #ccc358 mixed with white

  1. ccc358
  2. d1c96c
  3. d6cf7e
  4. dbd58f
  5. e0dca0
  6. e5e2b0
  7. eae8c0
  8. efedd0
  9. f4f3e0
  10. faf9ef

Darker: #ccc358 mixed with black

  1. ccc358
  2. b1a94b
  3. 97903f
  4. 7e7833
  5. 656028
  6. 4e4a1d
  7. 373412
  8. 222009
  9. 0f0e03
  10. 020200

Calmer: #ccc358 with less saturation

  1. ccc358
  2. cbc366
  3. c9c372
  4. c8c27d
  5. c6c287
  6. c5c291
  7. c4c19b
  8. c2c1a4
  9. c1c0ad
  10. c0bfb6

Questions about #ccc358

What color is #ccc358?

#ccc358 is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 195, 88), in HSL hsl(55.34, 53.21%, 57.25%) and in OKLCH oklch(80.348% 0.12891 104.478).

What colors go well with #ccc358?

The complementary color of #ccc358 is #b6b3ff. For a calmer combination use the analogous colors #f0b257 and #9bd17a. The triadic partners are #4bd0fd and #f99cd3.

Is white or black text more readable on #ccc358?

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

Is #ccc358 a warm or cool color?

#ccc358 is a neutral color. In OKLCH its hue is 104 degrees, its lightness 80.3% and its chroma 0.129.