Start generating
8A99BC

#8A99BC closest to Sailing

#8A99BC is a light, muted blue; the closest named color is Sailing. In the RGB color model it is made of 54.1% red, 60.0% green and 73.7% blue (rgb(138, 153, 188)). Its HSL value is 222° hue, 27% saturation and 64% lightness, and in CMYK it is 27% cyan, 19% magenta, 0% yellow and 26% black. #8A99BC is a cool color. Black text reads best on it, with a contrast ratio of 7.36:1.

Make a palette with #8A99BC

#8A99BC color conversion

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

Variations of #8A99BC

Shades

Mixed with black: richer and darker.

8A99BC7784A365708B535D73424A5D32384722273214171F07080D010102

Tints

Mixed with white: lighter and softer.

8A99BC95A3C3A0ADC9ACB7D0B7C1D7C3CBDECFD5E4DBE0EBE7EAF2F3F4F8

Tones

Mixed with gray: calmer and more muted.

8A99BC8997B68894B08792AA868FA4858D9E848A9883889282858C818386

Hues

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

72A2AF75A1B4799FB77E9DBA849BBB8A99BC9097BC9695BA9C93B8A291B4A78FB0

Temperatures

Cooler on the left, warmer on the right.

7794CB7B95C87F96C58397C28698BF8A99BC9099B79599B39B99AEA099A9A599A5

#8A99BC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

8A99BCBCAD8A
Open in generator →

Split complementary

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

8A99BCBC948AB2BC8A
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

8A99BC8AB2BC948ABC
Open in generator →

Triadic

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

8A99BCBC8A9999BC8A
Open in generator →

Tetradic

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

8A99BCAD8ABCBCAD8A99BC8A
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

8A99BCBC8AB2BCAD8A8ABC94
Open in generator →

#8A99BC for color-blind viewers (and dogs)

How #8A99BC 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 #8A97BB
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #8E9BBE
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #8D9ABD
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #8A97BB
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #8A98BC
  • Tritanopia 90% similar0.001% of men, 0.03% of women · simulated as #7DA0A5
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #869CB2
  • Achromatopsia 89% similar0.003% of men, 0.003% of women · simulated as #999999
  • Achromatomaly 92% similar0.001% of men, 0.001% of women · simulated as #9599A3

#8A99BC contrast checker

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

Palettes with #8A99BC

#8A99BC in CSS

/* Sailing */
.color { color: #8A99BC; }
.background { background-color: #8A99BC; }
.border { border: 1px solid #8A99BC; }

/* Other notations */
color: rgb(138 153 188);
color: hsl(222 27% 64%);
color: oklch(0.684 0.055 266.8);

#8A99BC FAQ

What color is #8A99BC?

#8A99BC is a light, muted blue. Its closest named color is Sailing. It belongs to the blue color family and is a cool color.

What is the RGB value of #8A99BC?

#8A99BC is rgb(138, 153, 188) in RGB, hsl(222, 27%, 64%) in HSL and cmyk(27%, 19%, 0%, 26%) in CMYK.

What is the complementary color of #8A99BC?

The complementary color of #8A99BC is #BCAD8A, which sits opposite it on the color wheel.

Which text color works on #8A99BC?

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

Is #8A99BC a warm or cool color?

#8A99BC is a cool color.