Start generating
CCC2BC

#CCC2BC Dim

#CCC2BC is a light gray named Dim. In the RGB color model it is made of 80.0% red, 76.1% green and 73.7% blue (rgb(204, 194, 188)). Its HSL value is 22° hue, 14% saturation and 77% lightness, and in CMYK it is 0% cyan, 5% magenta, 8% yellow and 20% black. #CCC2BC is a neutral color. Black text reads best on it, with a contrast ratio of 12.01:1.

Make a palette with #CCC2BC

#CCC2BC color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #CCC2BC

Shades

Mixed with black: richer and darker.

CCC2BCB1A8A3978F8B7E777365605D4E494737343222201F0F0E0D020202

Tints

Mixed with white: lighter and softer.

CCC2BCD1C8C3D6CEC9DBD4D0E0DAD6E5E0DDEAE6E4F0ECEBF5F3F1FAF9F8

Tones

Mixed with gray: calmer and more muted.

CCC2BCC4BBB6BCB4B0B5AEAAADA7A4A5A09D9E9A989693928F8D8C878686

Hues

The same lightness and chroma, rotated around the color wheel.

CDC1C3CDC1C1CDC1C0CDC1BECDC2BDCCC2BCCBC3BBCAC3BBC9C4BAC7C4BAC6C5BB

Temperatures

Cooler on the left, warmer on the right.

ABB6CDB2B8CAB8BBC7BFBDC3C5C0C0CCC2BCCFC0B7D1BEB2D4BCACD6BAA7D9B8A2

#CCC2BC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CCC2BCBCC6CC
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

CCC2BCBCCCCABCBECC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CCC2BCCCBCBECCCABC
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

CCC2BCBCCCC2C2BCCC
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

CCC2BCC6CCBCBCC6CCC2BCCC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CCC2BCBECCBCBCC6CCCABCCC
Open in generator →

#CCC2BC for color-blind viewers (and dogs)

How #CCC2BC appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 98% similarHow dogs see it · simulated as #C7C5BC
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #C5C3BC
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #C7C3BC
  • Deuteranopia 98% similar1.2% of men, 0.01% of women · simulated as #C7C5BC
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #C8C4BC
  • Tritanopia 98% similar0.001% of men, 0.03% of women · simulated as #CFC0C0
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #CDC1BE
  • Achromatopsia 97% similar0.003% of men, 0.003% of women · simulated as #C4C4C4
  • Achromatomaly 98% similar0.001% of men, 0.001% of women · simulated as #C6C3C2

#CCC2BC contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.75:1 Very poor#CCC2BC text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
12.01:1 Super#CCC2BC text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #CCC2BC

Palettes with #CCC2BC

#CCC2BC in CSS

/* Dim */
.color { color: #CCC2BC; }
.background { background-color: #CCC2BC; }
.border { border: 1px solid #CCC2BC; }

/* Other notations */
color: rgb(204 194 188);
color: hsl(22 14% 77%);
color: oklch(0.821 0.014 53.3);

#CCC2BC FAQ

What color is #CCC2BC?

#CCC2BC is a light gray. Its closest named color is Dim. It belongs to the gray color family and is a neutral color.

What is the RGB value of #CCC2BC?

#CCC2BC is rgb(204, 194, 188) in RGB, hsl(22, 14%, 77%) in HSL and cmyk(0%, 5%, 8%, 20%) in CMYK.

What is the complementary color of #CCC2BC?

The complementary color of #CCC2BC is #BCC6CC, which sits opposite it on the color wheel.

Which text color works on #CCC2BC?

Black text has the best contrast on #CCC2BC: 12.01:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #CCC2BC a warm or cool color?

#CCC2BC is a neutral color.