Light Blue Grey #B7C9E2

Light Blue Grey is a light, muted blue with hex code #B7C9E2 and RGB rgb(183, 201, 226).

Aa

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

About this color

#B7C9E2 is a light, muted blue. In OKLCH its lightness is 83%, its chroma 0.040 and its hue 257°. Its hue sits on the cool side of the wheel. It is the named color Light Blue Grey. Black text reads best on it, at 12.46:1.

Hue familyBlues
Lightnesslight (83%)
Chromamuted (0.040)
Temperaturecool
Nearest nameLight Blue Grey
Black text12.46:1
White text1.68:1

Colors that go with Light Blue Grey

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

Complementary

The opposite hue (180°).

Open the complementary palette in the generator

Color palettes with Light Blue Grey

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

Similar named colors

The eight named colors closest to Light Blue Grey, with their ΔE distance.

More about Light Blue Grey

How to make Light Blue Grey

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 white
  • 2 parts pink
  • 1 part blue

Recipe result: #BAC5E3, a difference of ΔE 0.011 from Light Blue Grey. That is very close: most people will not see the difference.

What colors make blue? | Color mixing chart

Codes for Light Blue Grey in every format

HEX#B7C9E2
RGBrgb(183, 201, 226)
HSLhsl(215, 43%, 80%)
OKLCHoklch(83% 0.04 256.6)

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 #B7C9E2 1.68:1 Fails Lc -33.6 Non-text elements, placeholder text
Black text on #B7C9E2 12.46:1 AAA Lc 73.9 Content text, not long reading
#B7C9E2 text on white 1.68:1 Fails Lc 29.9 Dividers and decoration only
#B7C9E2 text on black 12.46:1 AAA Lc -72.9 Content text, not long reading

Shades and tints of Light Blue Grey

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

    #F3F6F9

    oklch(97.2% 0.005 247.9)

  2. Step 100

    100

    #E5EAF2

    oklch(93.6% 0.012 259.8)

  3. Step 200

    200

    #D0DAE8

    oklch(88.5% 0.022 256.7)

  4. Step 300

    300 (this color)

    #B7C9E2

    oklch(83% 0.04 256.6)

  5. Step 400

    400

    #87A3C9

    oklch(70.8% 0.064 256.1)

  6. Step 500

    500

    #698BBB

    oklch(63% 0.082 257)

  7. Step 600

    600

    #5075A7

    oklch(55.6% 0.089 256.2)

  8. Step 700

    700

    #41628F

    oklch(49.1% 0.082 256.4)

  9. Step 800

    800

    #365074

    oklch(42.7% 0.068 256.7)

  10. Step 900

    900

    #2F435E

    oklch(37.9% 0.053 256.1)

  11. Step 950

    950

    #1C2737

    oklch(27% 0.034 257.7)

Export this scale for Tailwind in the Tailwind colors tool

Light Blue Grey 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)#C1CAE30.014
Deuteranopia (no green cones)#BCC5E10.011
Tritanopia (no blue cones)#ACCED10.035
Achromatopsia (no color)#C7C7C70.040

Use Light Blue Grey 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.