Silver

#B8C2D1

Blue

Color Codes

All color formats for development

HEX

#B8C2D1

RGB

rgb(184, 194, 209)

HSL

hsl(216, 21%, 77%)

OKLCH

oklch(0.811 0.024 258.4)

CMYK

cmyk(12%, 7%, 0%, 18%)

Accessibility

WCAG contrast compliance

On White Background

1.80:1

AA ✗AAA ✗

On Black Background

11.68:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9EC

200

#D7DC

300

#B8C2

400

#93A2

500

#7487

600

#596B

700

#4756

800

#323D

900

#2027

950

#1418

Shades

Darker variations

1#A0ADC1

2#8999B2

3#7185A2

4#5D718F

5#4E5E77

6#3E4B5F

7#2F3847

8#1F2630

9#101318

Tints

Lighter variations

1#BFC8D5

2#C6CEDA

3#CDD4DF

4#D4DAE3

5#DCE0E8

6#E3E7EC

7#EAEDF1

8#F1F3F6

9#F8F9FA

Tones

Muted variations

1#B9C2CF

2#BAC2CE

3#BCC3CD

4#BDC3CC

5#BEC3CB

6#BFC3C9

7#C1C4C8

8#C2C4C7

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F7 `#F6F7F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9EC `#E9ECF1`	Light backgroundsTable row hoverSkeleton loading
200	D7DC `#D7DCE5`	Secondary backgroundsInput backgroundsDividers
300	B8C2 `#B8C2D1`	BordersInactive statesPlaceholder text
400	93A2 `#93A2B8`	Disabled statesSecondary iconsMuted text
500	7487 `#7487A4`	Primary brand colorCTAsActive elementsLinks
600	596B `#596B88`	Hover statesFocus ringsPrimary buttons hover
700	4756 `#47566C`	Active/pressed statesDark mode accentsSecondary text
800	323D `#323D4D`	Text on light backgroundsHeadingsStrong borders
900	2027 `#202731`	Primary textHigh emphasis contentDark headings
950	1418 `#14181F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9ECF1;
  --silver-200: #D7DCE5;
  --silver-300: #B8C2D1;
  --silver-400: #93A2B8;
  --silver-500: #7487A4;
  --silver-600: #596B88;
  --silver-700: #47566C;
  --silver-800: #323D4D;
  --silver-900: #202731;
  --silver-950: #14181F;
}

Generate More Shades Create Palette Convert Color