Silver

#B6C4D2

Blue

Color Codes

All color formats for development

HEX

#B6C4D2

RGB

rgb(182, 196, 210)

HSL

hsl(210, 24%, 77%)

OKLCH

oklch(0.814 0.025 248.1)

CMYK

cmyk(13%, 7%, 0%, 18%)

Accessibility

WCAG contrast compliance

On White Background

1.78:1

AA ✗AAA ✗

On Black Background

11.82:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9ED

200

#D6DE

300

#B6C4

400

#90A6

500

#718C

600

#5570

700

#4459

800

#3040

900

#1F29

950

#131A

Shades

Darker variations

1#9EB1C4

2#869DB5

3#6D89A6

4#5A7692

5#4B627A

6#3C4F61

7#2D3B49

8#1E2731

9#0F1418

Tints

Lighter variations

1#BECAD7

2#C5D0DB

3#CCD6E0

4#D3DCE4

5#DBE2E9

6#E2E8ED

7#E9EDF2

8#F0F3F6

9#F8F9FB

Tones

Muted variations

1#B8C4D1

2#B9C4D0

3#BAC4CE

4#BCC4CD

5#BDC4CB

6#BFC4CA

7#C0C4C9

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	D6DE `#D6DEE6`	Secondary backgroundsInput backgroundsDividers
300	B6C4 `#B6C4D2`	BordersInactive statesPlaceholder text
400	90A6 `#90A6BB`	Disabled statesSecondary iconsMuted text
500	718C `#718CA8`	Primary brand colorCTAsActive elementsLinks
600	5570 `#55708B`	Hover statesFocus ringsPrimary buttons hover
700	4459 `#44596F`	Active/pressed statesDark mode accentsSecondary text
800	3040 `#30404F`	Text on light backgroundsHeadingsStrong borders
900	1F29 `#1F2933`	Primary textHigh emphasis contentDark headings
950	131A `#131A20`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9EDF1;
  --silver-200: #D6DEE6;
  --silver-300: #B6C4D2;
  --silver-400: #90A6BB;
  --silver-500: #718CA8;
  --silver-600: #55708B;
  --silver-700: #44596F;
  --silver-800: #30404F;
  --silver-900: #1F2933;
  --silver-950: #131A20;
}

Generate More Shades Create Palette Convert Color