Silver

#B3C1D5

Blue

Color Codes

All color formats for development

HEX

#B3C1D5

RGB

rgb(179, 193, 213)

HSL

hsl(215, 29%, 77%)

OKLCH

oklch(0.807 0.032 257.2)

CMYK

cmyk(16%, 9%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.83:1

AA ✗AAA ✗

On Black Background

11.51:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8EC

200

#D4DC

300

#B3C2

400

#8CA1

500

#6B87

600

#506B

700

#3F55

800

#2D3D

900

#1D27

950

#1218

Shades

Darker variations

1#9AADC7

2#8198B9

3#6784AC

4#547098

5#465D7F

6#384B65

7#2A384C

8#1C2533

9#0E1319

Tints

Lighter variations

1#BBC8DA

2#C2CEDE

3#CAD4E2

4#D2DAE6

5#D9E0EA

6#E1E6EE

7#E8EDF3

8#F0F3F7

9#F7F9FB

Tones

Muted variations

1#B5C2D4

2#B7C2D2

3#B8C2D0

4#BAC3CF

5#BCC3CD

6#BEC3CB

7#BFC3C9

8#C1C4C8

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F7 `#F5F7FA`	BackgroundsSubtle highlightsCard backgrounds
100	E8EC `#E8ECF2`	Light backgroundsTable row hoverSkeleton loading
200	D4DC `#D4DCE7`	Secondary backgroundsInput backgroundsDividers
300	B3C2 `#B3C2D5`	BordersInactive statesPlaceholder text
400	8CA1 `#8CA1C0`	Disabled statesSecondary iconsMuted text
500	6B87 `#6B87AE`	Primary brand colorCTAsActive elementsLinks
600	506B `#506B91`	Hover statesFocus ringsPrimary buttons hover
700	3F55 `#3F5573`	Active/pressed statesDark mode accentsSecondary text
800	2D3D `#2D3D52`	Text on light backgroundsHeadingsStrong borders
900	1D27 `#1D2735`	Primary textHigh emphasis contentDark headings
950	1218 `#121821`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F7FA;
  --silver-100: #E8ECF2;
  --silver-200: #D4DCE7;
  --silver-300: #B3C2D5;
  --silver-400: #8CA1C0;
  --silver-500: #6B87AE;
  --silver-600: #506B91;
  --silver-700: #3F5573;
  --silver-800: #2D3D52;
  --silver-900: #1D2735;
  --silver-950: #121821;
}

Generate More Shades Create Palette Convert Color