Bluegrey #85A3B2

About this color

#85A3B2 is a medium-light, muted teal or cyan. In OKLCH its lightness is 70%, its chroma 0.040 and its hue 230°. Its hue sits on the cool side of the wheel. It is the named color Bluegrey. Black text reads best on it, at 7.87:1.

Colors that go with Bluegrey

Matches found by rotating Bluegrey around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Bluegrey

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Bluegrey, closest first.

• Sherbet Treat
• Sailcloth Walk
• Shell and Sailcloth
• Shell Afternoon
• Evergreen Floor
• Abyss and Lunar
• Deep Midnight
• Midnight Watch

Similar named colors

The eight named colors closest to Bluegrey, with their ΔE distance.

• Bluey Grey #89A0B0 ΔE 0.009
• Greyblue #77A1B5 ΔE 0.019
• Cool Grey #95A3A6 ΔE 0.026
• Cool Steel #97A7B3 ΔE 0.027
• Cool Gray #8D99AE ΔE 0.027
• Pewter #96A8A1 ΔE 0.039
• Dark Gray #A9A9A9 ΔE 0.054
• Cadet Blue #5F9EA0 ΔE 0.055

More about Bluegrey

• Shades of gray
• What gray means

How to make Bluegrey

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 3 parts gray
• 2 parts white
• 1 part blue

Recipe result: #91A7AF, a difference of ΔE 0.021 from Bluegrey. That is very close: most people will not see the difference.

What colors make gray? | Color mixing chart

Codes for Bluegrey in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Bluegrey

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 400.

1. Step 50

   50

   #F3F6F7

   oklch(97.1% 0.003 219.5)

2. Step 100

   100

   #E5EBEE

   oklch(93.6% 0.008 228.9)

3. Step 200

   200

   #D0DBE1

   oklch(88.5% 0.015 231.2)

4. Step 300

   300

   #B1C4CE

   oklch(80.9% 0.025 230.5)

5. Step 400

   400 (this color)

   #85A3B2

   oklch(69.8% 0.04 229.7)

6. Step 500

   500

   #6990A3

   oklch(63.1% 0.052 229.6)

7. Step 600

   600

   #507A8E

   oklch(55.7% 0.056 229.5)

8. Step 700

   700

   #416678

   oklch(49% 0.051 230.2)

9. Step 800

   800

   #365462

   oklch(42.8% 0.042 229)

10. Step 900

    900

    #2F4550

    oklch(37.7% 0.033 230.4)

11. Step 950

    950

    #1C292F

    oklch(27.2% 0.021 228.1)

Export this scale for Tailwind in the Tailwind colors tool

Bluegrey with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.