Silver

#B8C1D1

Blue

Color Codes

All color formats for development

HEX

#B8C1D1

RGB

rgb(184, 193, 209)

HSL

hsl(218, 21%, 77%)

OKLCH

oklch(0.809 0.025 262.1)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.81:1

AA ✗AAA ✗

On Black Background

11.59: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

#B8C1

400

#93A1

500

#7486

600

#596A

700

#4754

800

#323C

900

#2027

950

#1418

Shades

Darker variations

1#A0ACC1

2#8998B2

3#7183A2

4#5D6F8F

5#4E5D77

6#3E4A5F

7#2F3847

8#1F2530

9#101318

Tints

Lighter variations

1#BFC7D5

2#C6CDDA

3#CDD4DF

4#D4DAE3

5#DCE0E8

6#E3E6EC

7#EAECF1

8#F1F3F6

9#F8F9FA

Tones

Muted variations

1#B9C1CF

2#BAC2CE

3#BCC2CD

4#BDC2CC

5#BEC3CB

6#BFC3C9

7#C1C3C8

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	B8C1 `#B8C1D1`	BordersInactive statesPlaceholder text
400	93A1 `#93A1B8`	Disabled statesSecondary iconsMuted text
500	7486 `#7486A4`	Primary brand colorCTAsActive elementsLinks
600	596A `#596A88`	Hover statesFocus ringsPrimary buttons hover
700	4754 `#47546C`	Active/pressed statesDark mode accentsSecondary text
800	323C `#323C4D`	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: #B8C1D1;
  --silver-400: #93A1B8;
  --silver-500: #7486A4;
  --silver-600: #596A88;
  --silver-700: #47546C;
  --silver-800: #323C4D;
  --silver-900: #202731;
  --silver-950: #14181F;
}

Generate More Shades Create Palette Convert Color