Start generating
CCBBAA

#CCBBAA Smoke Dragon

#CCBBAA is a light gray named Smoke Dragon. In the RGB color model it is made of 80.0% red, 73.3% green and 66.7% blue (rgb(204, 187, 170)). Its HSL value is 30° hue, 25% saturation and 73% lightness, and in CMYK it is 0% cyan, 8% magenta, 17% yellow and 20% black. #CCBBAA is a neutral color. Black text reads best on it, with a contrast ratio of 11.26:1.

Make a palette with #CCBBAA

#CCBBAA color conversion

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

Variations of #CCBBAA

Shades

Mixed with black: richer and darker.

CCBBAAB1A293978A7D7E7368655C534E463F37322D221F1B0F0D0B020201

Tints

Mixed with white: lighter and softer.

CCBBAAD1C2B2D6C8BBDBCFC3E0D6CBE5DDD4EAE3DCF0EAE5F5F1EEFAF8F6

Tones

Mixed with gray: calmer and more muted.

CCBBAAC4B5A6BCAFA2B5A99DADA399A59D959E979196918C8F8C88878684

Hues

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

D1B7B7D1B7B4D1B8B1D0B9AECEBAACCCBBAAC9BCA9C7BDA9C3BFA9C0C0AABCC1AB

Temperatures

Cooler on the left, warmer on the right.

ACB0C0B2B3BCB9B5B8BFB7B3C6B9AFCCBBAACFB9A6D1B8A1D4B69CD6B498D8B293

#CCBBAA color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CCBBAAAABBCC
Open in generator →

Split complementary

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

CCBBAAAACCCCAAAACC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CCBBAACCAAAACCCCAA
Open in generator →

Triadic

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

CCBBAAAACCBBBBAACC
Open in generator →

Tetradic

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

CCBBAABBCCAAAABBCCBBAACC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CCBBAAAACCAAAABBCCCCAACC
Open in generator →

#CCBBAA for color-blind viewers (and dogs)

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

  • Dog vision 97% similarHow dogs see it · simulated as #C5BFAA
  • Protanopia 97% similar1.3% of men, 0.02% of women · simulated as #C1BBA9
  • Protanomaly 98% similar1.3% of men, 0.02% of women · simulated as #C4BCA9
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #C5BFAA
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #C7BEAA
  • Tritanopia 95% similar0.001% of men, 0.03% of women · simulated as #D3B7B6
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #CFB9B0
  • Achromatopsia 94% similar0.003% of men, 0.003% of women · simulated as #BEBEBE
  • Achromatomaly 95% similar0.001% of men, 0.001% of women · simulated as #C1BDB9

#CCBBAA contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.87:1 Very poor#CCBBAA text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
11.26:1 Very good#CCBBAA 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 #CCBBAA

Palettes with #CCBBAA

#CCBBAA in CSS

/* Smoke Dragon */
.color { color: #CCBBAA; }
.background { background-color: #CCBBAA; }
.border { border: 1px solid #CCBBAA; }

/* Other notations */
color: rgb(204 187 170);
color: hsl(30 25% 73%);
color: oklch(0.802 0.030 67.4);

#CCBBAA FAQ

What color is #CCBBAA?

#CCBBAA is a light gray. Its closest named color is Smoke Dragon. It belongs to the gray color family and is a neutral color.

What is the RGB value of #CCBBAA?

#CCBBAA is rgb(204, 187, 170) in RGB, hsl(30, 25%, 73%) in HSL and cmyk(0%, 8%, 17%, 20%) in CMYK.

What is the complementary color of #CCBBAA?

The complementary color of #CCBBAA is #AABBCC, which sits opposite it on the color wheel.

Which text color works on #CCBBAA?

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

Is #CCBBAA a warm or cool color?

#CCBBAA is a neutral color.