Start generating
BAC3CC

#BAC3CC Yorkshire Cloud

#BAC3CC is a light gray named Yorkshire Cloud. In the RGB color model it is made of 72.9% red, 76.5% green and 80.0% blue (rgb(186, 195, 204)). Its HSL value is 210° hue, 15% saturation and 76% lightness, and in CMYK it is 9% cyan, 4% magenta, 0% yellow and 20% black. #BAC3CC is a neutral color. Black text reads best on it, with a contrast ratio of 11.77:1.

Make a palette with #BAC3CC

#BAC3CC color conversion

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

Variations of #BAC3CC

Shades

Mixed with black: richer and darker.

BAC3CCA1A9B189909772787E5C6065464A4E3234371E20220D0E0F020202

Tints

Mixed with white: lighter and softer.

BAC3CCC1C9D1C7CFD6CED5DBD5DBE0DCE1E5E3E7EAEAEDF0F1F3F5F8F9FA

Tones

Mixed with gray: calmer and more muted.

BAC3CCB4BCC4AEB5BCA8AEB5A2A8AD9DA1A5979A9E9194968B8D8F868687

Hues

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

B7C5C5B7C5C7B7C5C9B8C4CAB9C4CBBAC3CCBCC2CCBDC2CDBFC1CCC1C0CCC3C0CB

Temperatures

Cooler on the left, warmer on the right.

9DB6D9A2B8D7A8BBD4AEBED1B4C0CFBAC3CCBEC1C6C1BFC1C5BDBBC8BBB5CCB9AF

#BAC3CC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

BAC3CCCCC3BA
Open in generator →

Split complementary

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

BAC3CCCCBABACCCCBA
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

BAC3CCBACCCCBABACC
Open in generator →

Triadic

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

BAC3CCCCBAC3C3CCBA
Open in generator →

Tetradic

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

BAC3CCC3BACCCCC3BAC3CCBA
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

BAC3CCCCBACCCCC3BABACCBA
Open in generator →

#BAC3CC for color-blind viewers (and dogs)

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

  • Dog vision 99% similarHow dogs see it · simulated as #BEC1CC
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #C0C3CC
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #BEC3CC
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #BEC1CC
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #BDC2CC
  • Tritanopia 97% similar0.001% of men, 0.03% of women · simulated as #B6C5C6
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #B8C4C9
  • Achromatopsia 97% similar0.003% of men, 0.003% of women · simulated as #C2C2C2
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #C0C2C4

#BAC3CC contrast checker

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

Palettes with #BAC3CC

#BAC3CC in CSS

/* Yorkshire Cloud */
.color { color: #BAC3CC; }
.background { background-color: #BAC3CC; }
.border { border: 1px solid #BAC3CC; }

/* Other notations */
color: rgb(186 195 204);
color: hsl(210 15% 76%);
color: oklch(0.813 0.016 248.0);

#BAC3CC FAQ

What color is #BAC3CC?

#BAC3CC is a light gray. Its closest named color is Yorkshire Cloud. It belongs to the gray color family and is a neutral color.

What is the RGB value of #BAC3CC?

#BAC3CC is rgb(186, 195, 204) in RGB, hsl(210, 15%, 76%) in HSL and cmyk(9%, 4%, 0%, 20%) in CMYK.

What is the complementary color of #BAC3CC?

The complementary color of #BAC3CC is #CCC3BA, which sits opposite it on the color wheel.

Which text color works on #BAC3CC?

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

Is #BAC3CC a warm or cool color?

#BAC3CC is a neutral color.