Silver

#B4C3D5

Blue

Color Codes

All color formats for development

HEX

#B4C3D5

RGB

rgb(180, 195, 213)

HSL

hsl(213, 28%, 77%)

OKLCH

oklch(0.811 0.03 253)

CMYK

cmyk(15%, 8%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.79:1

AA ✗AAA ✗

On Black Background

11.71:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8ED

200

#D5DD

300

#B4C3

400

#8DA3

500

#6C89

600

#516D

700

#4057

800

#2E3E

900

#1D28

950

#1219

Shades

Darker variations

1#9BAFC7

2#829AB8

3#6986AA

4#557397

5#475F7E

6#394C65

7#2A394B

8#1C2632

9#0E1319

Tints

Lighter variations

1#BBC9D9

2#C3CFDD

3#CAD5E1

4#D2DBE6

5#D9E1EA

6#E1E7EE

7#E8EDF2

8#F0F3F7

9#F7F9FB

Tones

Muted variations

1#B6C3D3

2#B7C3D1

3#B9C3D0

4#BAC3CE

5#BCC4CD

6#BEC4CB

7#BFC4C9

8#C1C4C8

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F7 `#F5F7F9`	BackgroundsSubtle highlightsCard backgrounds
100	E8ED `#E8EDF2`	Light backgroundsTable row hoverSkeleton loading
200	D5DD `#D5DDE7`	Secondary backgroundsInput backgroundsDividers
300	B4C3 `#B4C3D5`	BordersInactive statesPlaceholder text
400	8DA3 `#8DA3BF`	Disabled statesSecondary iconsMuted text
500	6C89 `#6C89AC`	Primary brand colorCTAsActive elementsLinks
600	516D `#516D90`	Hover statesFocus ringsPrimary buttons hover
700	4057 `#405772`	Active/pressed statesDark mode accentsSecondary text
800	2E3E `#2E3E52`	Text on light backgroundsHeadingsStrong borders
900	1D28 `#1D2834`	Primary textHigh emphasis contentDark headings
950	1219 `#121921`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F7F9;
  --silver-100: #E8EDF2;
  --silver-200: #D5DDE7;
  --silver-300: #B4C3D5;
  --silver-400: #8DA3BF;
  --silver-500: #6C89AC;
  --silver-600: #516D90;
  --silver-700: #405772;
  --silver-800: #2E3E52;
  --silver-900: #1D2834;
  --silver-950: #121921;
}

Generate More Shades Create Palette Convert Color