Silver

#B6C2D2

Blue

Color Codes

All color formats for development

HEX

#B6C2D2

RGB

rgb(182, 194, 210)

HSL

hsl(214, 24%, 77%)

OKLCH

oklch(0.81 0.026 255.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.80:1

AA ✗AAA ✗

On Black Background

11.64:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9ED

200

#D6DD

300

#B6C2

400

#90A3

500

#7189

600

#556D

700

#4456

800

#303E

900

#1F27

950

#1319

Shades

Darker variations

1#9EAEC4

2#869AB5

3#6D86A6

4#5A7292

5#4B5F7A

6#3C4C61

7#2D3949

8#1E2631

9#0F1318

Tints

Lighter variations

1#BEC9D7

2#C5CFDB

3#CCD5E0

4#D3DBE4

5#DBE1E9

6#E2E7ED

7#E9EDF2

8#F0F3F6

9#F8F9FB

Tones

Muted variations

1#B8C3D1

2#B9C3D0

3#BAC3CE

4#BCC3CD

5#BDC3CB

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	D6DD `#D6DDE6`	Secondary backgroundsInput backgroundsDividers
300	B6C2 `#B6C2D2`	BordersInactive statesPlaceholder text
400	90A3 `#90A3BB`	Disabled statesSecondary iconsMuted text
500	7189 `#7189A8`	Primary brand colorCTAsActive elementsLinks
600	556D `#556D8B`	Hover statesFocus ringsPrimary buttons hover
700	4456 `#44566F`	Active/pressed statesDark mode accentsSecondary text
800	303E `#303E4F`	Text on light backgroundsHeadingsStrong borders
900	1F27 `#1F2733`	Primary textHigh emphasis contentDark headings
950	1319 `#131920`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9EDF1;
  --silver-200: #D6DDE6;
  --silver-300: #B6C2D2;
  --silver-400: #90A3BB;
  --silver-500: #7189A8;
  --silver-600: #556D8B;
  --silver-700: #44566F;
  --silver-800: #303E4F;
  --silver-900: #1F2733;
  --silver-950: #131920;
}

Generate More Shades Create Palette Convert Color