Silver

#B6C1D2

Blue

Color Codes

All color formats for development

HEX

#B6C1D2

RGB

rgb(182, 193, 210)

HSL

hsl(216, 24%, 77%)

OKLCH

oklch(0.808 0.027 259)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.82:1

AA ✗AAA ✗

On Black Background

11.55:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9EC

200

#D6DC

300

#B6C2

400

#90A1

500

#7187

600

#556B

700

#4455

800

#303D

900

#1F27

950

#1318

Shades

Darker variations

1#9EADC4

2#8698B5

3#6D84A6

4#5A7092

5#4B5D7A

6#3C4B61

7#2D3849

8#1E2531

9#0F1318

Tints

Lighter variations

1#BEC8D7

2#C5CEDB

3#CCD4E0

4#D3DAE4

5#DBE0E9

6#E2E6ED

7#E9EDF2

8#F0F3F6

9#F8F9FB

Tones

Muted variations

1#B8C2D1

2#B9C2D0

3#BAC2CE

4#BCC3CD

5#BDC3CB

6#BFC3CA

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	E9EC `#E9ECF1`	Light backgroundsTable row hoverSkeleton loading
200	D6DC `#D6DCE6`	Secondary backgroundsInput backgroundsDividers
300	B6C2 `#B6C2D2`	BordersInactive statesPlaceholder text
400	90A1 `#90A1BB`	Disabled statesSecondary iconsMuted text
500	7187 `#7187A8`	Primary brand colorCTAsActive elementsLinks
600	556B `#556B8B`	Hover statesFocus ringsPrimary buttons hover
700	4455 `#44556F`	Active/pressed statesDark mode accentsSecondary text
800	303D `#303D4F`	Text on light backgroundsHeadingsStrong borders
900	1F27 `#1F2733`	Primary textHigh emphasis contentDark headings
950	1318 `#131820`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9ECF1;
  --silver-200: #D6DCE6;
  --silver-300: #B6C2D2;
  --silver-400: #90A1BB;
  --silver-500: #7187A8;
  --silver-600: #556B8B;
  --silver-700: #44556F;
  --silver-800: #303D4F;
  --silver-900: #1F2733;
  --silver-950: #131820;
}

Generate More Shades Create Palette Convert Color