Skip to the color picker

#ccc667 color: Mung Bean

#ccc667 is rgb(204, 198, 103) in RGB and oklch(81.162% 0.1178 105.493) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

56°
100%

81.2%
0.118
105°
  • Yellow
  • Light
  • Soft
  • Pastel
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.77:1Hard to read
Lc -37
Black text
11.84:1Readable · AA
Lc 71

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

#ccc667 is a pastel light yellow color. In OKLCH it has 81.2% lightness, 0.118 chroma and a hue of 105°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.77:1 contrast and black text 11.84:1, so black text reads better.

The closest named color is Mung Bean (#cac76d). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #ccc667 mixed with white

  1. ccc667
  2. d1cc78
  3. d6d288
  4. dbd798
  5. e0dda7
  6. e5e3b6
  7. eae9c5
  8. efeed3
  9. f4f4e2
  10. faf9f0

Darker: #ccc667 mixed with black

  1. ccc667
  2. b1ac59
  3. 97924b
  4. 7e7a3d
  5. 656230
  6. 4e4b23
  7. 373517
  8. 22210c
  9. 0f0e04
  10. 020200

Calmer: #ccc667 with less saturation

  1. ccc667
  2. cbc672
  3. cac57c
  4. c8c586
  5. c7c58f
  6. c6c498
  7. c5c4a1
  8. c4c3a9
  9. c3c3b1
  10. c2c2b9

Questions about #ccc667

What color is #ccc667?

#ccc667 is pastel light yellow. The closest named color is Mung Bean. In RGB it is rgb(204, 198, 103), in HSL hsl(56.44, 49.75%, 60.2%) and in OKLCH oklch(81.162% 0.1178 105.493).

What colors go well with #ccc667?

The complementary color of #ccc667 is #bab6ff. For a calmer combination use the analogous colors #eeb665 and #9fd385. The triadic partners are #60d1fb and #f8a2d2.

Is white or black text more readable on #ccc667?

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

Is #ccc667 a warm or cool color?

#ccc667 is a neutral color. In OKLCH its hue is 105 degrees, its lightness 81.2% and its chroma 0.118.