#BAC2C6

Closest named color: Silver (#C0C0C0). oklch(80.9% 0.011 228.9), rgb(186, 194, 198).

Aa

Black text reads best on this color (11.61:1).

About this color

#BAC2C6 is a light close to neutral grey. In OKLCH its lightness is 81%, its chroma 0.011. It has too little chroma to lean warm or cool. The nearest named color is Silver (#C0C0C0), ΔE 0.011 away. Black text reads best on it, at 11.61:1.

Hue familyNeutrals
Lightnesslight (81%)
Chromaclose to neutral grey (0.011)
Temperatureneutral
Nearest nameSilver (#C0C0C0)
Black text11.61:1
White text1.80:1

Values

HEX#BAC2C6
RGBrgb(186, 194, 198)
HSLhsl(200, 10%, 75%)
OKLCHoklch(80.9% 0.011 228.9)

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.

PairWCAG 2ResultAPCAAPCA guidance
White text on #BAC2C6 1.80:1 Fails Lc -37.7 Non-text elements, placeholder text
Black text on #BAC2C6 11.61:1 AAA Lc 70.2 Content text, not long reading
#BAC2C6 text on white 1.80:1 Fails Lc 33.6 Non-text elements, placeholder text
#BAC2C6 text on black 11.61:1 AAA Lc -69.0 Content text, not long reading

Tints and shades

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 300.

  1. Step 50

    50

    #F4F6F6

    oklch(97.2% 0.002 197.1)

  2. Step 100

    100

    #E8EAEB

    oklch(93.6% 0.003 228.8)

  3. Step 200

    200

    #D5DADC

    oklch(88.5% 0.006 223.5)

  4. Step 300

    300 (this color)

    #BAC2C6

    oklch(80.9% 0.011 228.9)

  5. Step 400

    400

    #96A3A9

    oklch(70.7% 0.017 227.1)

  6. Step 500

    500

    #7D8C94

    oklch(63.1% 0.021 230.9)

  7. Step 600

    600

    #66767E

    oklch(55.5% 0.023 229.4)

  8. Step 700

    700

    #54636B

    oklch(49% 0.022 231.1)

  9. Step 800

    800

    #455157

    oklch(42.7% 0.018 229.4)

  10. Step 900

    900

    #3A4348

    oklch(37.7% 0.015 232.1)

  11. Step 950

    950

    #22272A

    oklch(26.9% 0.009 234.1)

Export this scale for Tailwind in the Tailwind colors tool

#BAC2C6 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.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#C0C2C60.008
Deuteranopia (no green cones)#BEC0C60.007
Tritanopia (no blue cones)#B7C3C30.007
Achromatopsia (no color)#C1C1C10.011

Harmonies

Hue rotations in OKLCH that keep this color's lightness and chroma.

This color is close to neutral, so it has no meaningful hue to rotate. Hue harmonies are omitted.

Palettes with this color

Curated palettes that contain a color within ΔE 0.04 (OKLab) of #BAC2C6, closest first.

Similar named colors

The eight closest entries in our named color list, with their ΔE distance.

Use #BAC2C6 in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.