Skip to the color picker

#ccc155 color: Sulphur Yellow

#ccc155 is rgb(204, 193, 85) in RGB and oklch(79.893% 0.1296 103.509) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

54°
100%

79.9%
0.130
104°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.85:1Hard to read
Lc -39
Black text
11.33:1Readable · AA
Lc 69

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

#ccc155 is a bright light yellow color. In OKLCH it has 79.9% lightness, 0.13 chroma and a hue of 104°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.85:1 contrast and black text 11.33: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: #ccc155 mixed with white

  1. ccc155
  2. d1c769
  3. d6ce7c
  4. dbd48e
  5. e0da9e
  6. e5e1af
  7. eae7bf
  8. efedcf
  9. f4f3df
  10. faf9ef

Darker: #ccc155 mixed with black

  1. ccc155
  2. b1a749
  3. 978f3d
  4. 7e7731
  5. 655f26
  6. 4e491c
  7. 373411
  8. 222008
  9. 0f0e02
  10. 020200

Calmer: #ccc155 with less saturation

  1. ccc155
  2. cac163
  3. c9c16f
  4. c7c17b
  5. c6c085
  6. c4c090
  7. c3bf99
  8. c1bfa3
  9. c0beac
  10. bfbeb5

Questions about #ccc155

What color is #ccc155?

#ccc155 is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 193, 85), in HSL hsl(54.45, 53.85%, 56.67%) and in OKLCH oklch(79.893% 0.1296 103.509).

What colors go well with #ccc155?

The complementary color of #ccc155 is #b3b2ff. For a calmer combination use the analogous colors #efb056 and #9bcf77. The triadic partners are #46cffa and #f79bd3.

Is white or black text more readable on #ccc155?

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

Is #ccc155 a warm or cool color?

#ccc155 is a neutral color. In OKLCH its hue is 104 degrees, its lightness 79.9% and its chroma 0.13.