Silver

#B3C5D5

Blue

Color Codes

All color formats for development

HEX

#B3C5D5

RGB

rgb(179, 197, 213)

HSL

hsl(208, 29%, 77%)

OKLCH

oklch(0.815 0.03 245)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.77:1

AA ✗AAA ✗

On Black Background

11.86:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8ED

200

#D4DE

300

#B3C5

400

#8CA7

500

#6B8E

600

#5072

700

#3F5B

800

#2D41

900

#1D2A

950

#121A

Shades

Darker variations

1#9AB2C7

2#819FB9

3#678CAC

4#547898

5#46647F

6#385065

7#2A3C4C

8#1C2833

9#0E1419

Tints

Lighter variations

1#BBCBDA

2#C2D1DE

3#CAD7E2

4#D2DCE6

5#D9E2EA

6#E1E8EE

7#E8EEF3

8#F0F3F7

9#F7F9FB

Tones

Muted variations

1#B5C5D4

2#B7C5D2

3#B8C5D0

4#BAC5CF

5#BCC5CD

6#BEC5CB

7#BFC5C9

8#C1C5C8

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F7 `#F5F7FA`	BackgroundsSubtle highlightsCard backgrounds
100	E8ED `#E8EDF2`	Light backgroundsTable row hoverSkeleton loading
200	D4DE `#D4DEE7`	Secondary backgroundsInput backgroundsDividers
300	B3C5 `#B3C5D5`	BordersInactive statesPlaceholder text
400	8CA7 `#8CA7C0`	Disabled statesSecondary iconsMuted text
500	6B8E `#6B8EAE`	Primary brand colorCTAsActive elementsLinks
600	5072 `#507291`	Hover statesFocus ringsPrimary buttons hover
700	3F5B `#3F5B73`	Active/pressed statesDark mode accentsSecondary text
800	2D41 `#2D4152`	Text on light backgroundsHeadingsStrong borders
900	1D2A `#1D2A35`	Primary textHigh emphasis contentDark headings
950	121A `#121A21`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F7FA;
  --silver-100: #E8EDF2;
  --silver-200: #D4DEE7;
  --silver-300: #B3C5D5;
  --silver-400: #8CA7C0;
  --silver-500: #6B8EAE;
  --silver-600: #507291;
  --silver-700: #3F5B73;
  --silver-800: #2D4152;
  --silver-900: #1D2A35;
  --silver-950: #121A21;
}

Generate More Shades Create Palette Convert Color