Silver

#B7C4D1

Blue

Color Codes

All color formats for development

HEX

#B7C4D1

RGB

rgb(183, 196, 209)

HSL

hsl(210, 22%, 77%)

OKLCH

oklch(0.814 0.023 248.1)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.78:1

AA ✗AAA ✗

On Black Background

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

#B7C4

400

#92A6

500

#738C

600

#5870

700

#4659

800

#3240

900

#2029

950

#141A

Shades

Darker variations

1#9FB1C2

2#889DB3

3#7089A3

4#5C7690

5#4D6278

6#3D4F60

7#2E3B48

8#1F2730

9#0F1418

Tints

Lighter variations

1#BFCAD6

2#C6D0DA

3#CDD6DF

4#D4DCE4

5#DBE2E8

6#E2E8ED

7#EAEDF1

8#F1F3F6

9#F8F9FA

Tones

Muted variations

1#B9C4D0

2#BAC4CF

3#BBC4CD

4#BDC4CC

5#BEC4CB

6#BFC4CA

7#C0C4C8

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	B7C4 `#B7C4D1`	BordersInactive statesPlaceholder text
400	92A6 `#92A6B9`	Disabled statesSecondary iconsMuted text
500	738C `#738CA5`	Primary brand colorCTAsActive elementsLinks
600	5870 `#587089`	Hover statesFocus ringsPrimary buttons hover
700	4659 `#46596D`	Active/pressed statesDark mode accentsSecondary text
800	3240 `#32404E`	Text on light backgroundsHeadingsStrong borders
900	2029 `#202932`	Primary textHigh emphasis contentDark headings
950	141A `#141A1F`	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: #B7C4D1;
  --silver-400: #92A6B9;
  --silver-500: #738CA5;
  --silver-600: #587089;
  --silver-700: #46596D;
  --silver-800: #32404E;
  --silver-900: #202932;
  --silver-950: #141A1F;
}

Generate More Shades Create Palette Convert Color