Start generating
CCCFDC

#CCCFDC Steam Bath

#CCCFDC is a very light gray named Steam Bath. In the RGB color model it is made of 80.0% red, 81.2% green and 86.3% blue (rgb(204, 207, 220)). Its HSL value is 229° hue, 19% saturation and 83% lightness, and in CMYK it is 7% cyan, 6% magenta, 0% yellow and 14% black. #CCCFDC is a neutral color. Black text reads best on it, with a contrast ratio of 13.53:1.

Make a palette with #CCCFDC

#CCCFDC color conversion

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

Variations of #CCCFDC

Shades

Mixed with black: richer and darker.

CCCFDCB1B4BF9799A37E7F8865676E4E4F5437383C2223260F1011020202

Tints

Mixed with white: lighter and softer.

CCCFDCD1D4DFD6D8E3DBDDE6E0E2EAE5E7EDEAECF1EFF0F4F5F5F8FAFAFB

Tones

Mixed with gray: calmer and more muted.

CCCFDCC4C7D2BCBFC9B5B7BFADAFB6A5A7AD9E9FA496979B8F8F92878889

Hues

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

C4D2D9C5D2DAC6D1DBC8D1DCCAD0DCCCCFDCCECEDCD0CEDBD2CDD9D4CCD8D6CCD6

Temperatures

Cooler on the left, warmer on the right.

ABBFE6B1C2E4B8C6E2BFC9E0C5CCDECCCFDCCFCDD6D2CACFD4C8C9D7C5C2DAC3BC

#CCCFDC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CCCFDCDCD9CC
Open in generator →

Split complementary

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

CCCFDCDCD1CCD7DCCC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CCCFDCCCD7DCD1CCDC
Open in generator →

Triadic

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

CCCFDCDCCCCFCFDCCC
Open in generator →

Tetradic

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

CCCFDCD9CCDCDCD9CCCFDCCC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CCCFDCDCCCD7DCD9CCCCDCD1
Open in generator →

#CCCFDC for color-blind viewers (and dogs)

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

  • Dog vision 100% similarHow dogs see it · simulated as #CBCFDC
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #CCD0DD
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #CCD0DC
  • Deuteranopia 100% similar1.2% of men, 0.01% of women · simulated as #CBCFDC
  • Deuteranomaly 100% similar5% of men, 0.35% of women · simulated as #CBCFDC
  • Tritanopia 97% similar0.001% of men, 0.03% of women · simulated as #C9D1D3
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #CBD0D8
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #CFCFCF
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #CFCFD3

#CCCFDC contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.55:1 Very poor#CCCFDC text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
13.53:1 Super#CCCFDC 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 #CCCFDC

Palettes with #CCCFDC

#CCCFDC in CSS

/* Steam Bath */
.color { color: #CCCFDC; }
.background { background-color: #CCCFDC; }
.border { border: 1px solid #CCCFDC; }

/* Other notations */
color: rgb(204 207 220);
color: hsl(229 19% 83%);
color: oklch(0.856 0.018 275.6);

#CCCFDC FAQ

What color is #CCCFDC?

#CCCFDC is a very light gray. Its closest named color is Steam Bath. It belongs to the gray color family and is a neutral color.

What is the RGB value of #CCCFDC?

#CCCFDC is rgb(204, 207, 220) in RGB, hsl(229, 19%, 83%) in HSL and cmyk(7%, 6%, 0%, 14%) in CMYK.

What is the complementary color of #CCCFDC?

The complementary color of #CCCFDC is #DCD9CC, which sits opposite it on the color wheel.

Which text color works on #CCCFDC?

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

Is #CCCFDC a warm or cool color?

#CCCFDC is a neutral color.