Silver

#B8C4D1

Blue

Color Codes

All color formats for development

HEX

#B8C4D1

RGB

rgb(184, 196, 209)

HSL

hsl(211, 21%, 77%)

OKLCH

oklch(0.815 0.023 250.3)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.77:1

AA ✗AAA ✗

On Black Background

11.85:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9ED

200

#D7DE

300

#B8C4

400

#93A5

500

#748B

600

#596F

700

#4759

800

#323F

900

#2029

950

#1419

Shades

Darker variations

1#A0B0C1

2#899CB2

3#7189A2

4#5D758F

5#4E6177

6#3E4E5F

7#2F3A47

8#1F2730

9#101318

Tints

Lighter variations

1#BFCAD5

2#C6D0DA

3#CDD6DF

4#D4DCE3

5#DCE1E8

6#E3E7EC

7#EAEDF1

8#F1F3F6

9#F8F9FA

Tones

Muted variations

1#B9C4CF

2#BAC4CE

3#BCC4CD

4#BDC4CC

5#BEC4CB

6#BFC4C9

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	E9ED `#E9EDF1`	Light backgroundsTable row hoverSkeleton loading
200	D7DE `#D7DEE5`	Secondary backgroundsInput backgroundsDividers
300	B8C4 `#B8C4D1`	BordersInactive statesPlaceholder text
400	93A5 `#93A5B8`	Disabled statesSecondary iconsMuted text
500	748B `#748BA4`	Primary brand colorCTAsActive elementsLinks
600	596F `#596F88`	Hover statesFocus ringsPrimary buttons hover
700	4759 `#47596C`	Active/pressed statesDark mode accentsSecondary text
800	323F `#323F4D`	Text on light backgroundsHeadingsStrong borders
900	2029 `#202931`	Primary textHigh emphasis contentDark headings
950	1419 `#14191F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9EDF1;
  --silver-200: #D7DEE5;
  --silver-300: #B8C4D1;
  --silver-400: #93A5B8;
  --silver-500: #748BA4;
  --silver-600: #596F88;
  --silver-700: #47596C;
  --silver-800: #323F4D;
  --silver-900: #202931;
  --silver-950: #14191F;
}

Generate More Shades Create Palette Convert Color