Silver

#B4C5D5

Blue

Color Codes

All color formats for development

HEX

#B4C5D5

RGB

rgb(180, 197, 213)

HSL

hsl(209, 28%, 77%)

OKLCH

oklch(0.816 0.029 246.5)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.77:1

AA ✗AAA ✗

On Black Background

11.89:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8ED

200

#D5DE

300

#B4C5

400

#8DA7

500

#6C8D

600

#5171

700

#405A

800

#2E40

900

#1D29

950

#121A

Shades

Darker variations

1#9BB1C7

2#829EB8

3#698BAA

4#557797

5#47637E

6#394F65

7#2A3B4B

8#1C2832

9#0E1419

Tints

Lighter variations

1#BBCBD9

2#C3D1DD

3#CAD6E1

4#D2DCE6

5#D9E2EA

6#E1E8EE

7#E8EEF2

8#F0F3F7

9#F7F9FB

Tones

Muted variations

1#B6C5D3

2#B7C5D1

3#B9C5D0

4#BAC5CE

5#BCC5CD

6#BEC5CB

7#BFC5C9

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	D5DE `#D5DEE7`	Secondary backgroundsInput backgroundsDividers
300	B4C5 `#B4C5D5`	BordersInactive statesPlaceholder text
400	8DA7 `#8DA7BF`	Disabled statesSecondary iconsMuted text
500	6C8D `#6C8DAC`	Primary brand colorCTAsActive elementsLinks
600	5171 `#517190`	Hover statesFocus ringsPrimary buttons hover
700	405A `#405A72`	Active/pressed statesDark mode accentsSecondary text
800	2E40 `#2E4052`	Text on light backgroundsHeadingsStrong borders
900	1D29 `#1D2934`	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: #F5F7F9;
  --silver-100: #E8EDF2;
  --silver-200: #D5DEE7;
  --silver-300: #B4C5D5;
  --silver-400: #8DA7BF;
  --silver-500: #6C8DAC;
  --silver-600: #517190;
  --silver-700: #405A72;
  --silver-800: #2E4052;
  --silver-900: #1D2934;
  --silver-950: #121A21;
}

Generate More Shades Create Palette Convert Color