Silver

#B6C0D2

Blue

Color Codes

All color formats for development

HEX

#B6C0D2

RGB

rgb(182, 192, 210)

HSL

hsl(219, 24%, 77%)

OKLCH

oklch(0.806 0.028 262.3)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.83:1

AA ✗AAA ✗

On Black Background

11.46:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9EC

200

#D6DB

300

#B6C0

400

#909F

500

#7184

600

#5568

700

#4453

800

#303B

900

#1F26

950

#1318

Shades

Darker variations

1#9EABC4

2#8696B5

3#6D81A6

4#5A6D92

5#4B5B7A

6#3C4961

7#2D3749

8#1E2431

9#0F1218

Tints

Lighter variations

1#BEC6D7

2#C5CDDB

3#CCD3E0

4#D3D9E4

5#DBE0E9

6#E2E6ED

7#E9ECF2

8#F0F2F6

9#F8F9FB

Tones

Muted variations

1#B8C1D1

2#B9C1D0

3#BAC1CE

4#BCC2CD

5#BDC2CB

6#BFC3CA

7#C0C3C9

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	D6DB `#D6DBE6`	Secondary backgroundsInput backgroundsDividers
300	B6C0 `#B6C0D2`	BordersInactive statesPlaceholder text
400	909F `#909FBB`	Disabled statesSecondary iconsMuted text
500	7184 `#7184A8`	Primary brand colorCTAsActive elementsLinks
600	5568 `#55688B`	Hover statesFocus ringsPrimary buttons hover
700	4453 `#44536F`	Active/pressed statesDark mode accentsSecondary text
800	303B `#303B4F`	Text on light backgroundsHeadingsStrong borders
900	1F26 `#1F2633`	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: #D6DBE6;
  --silver-300: #B6C0D2;
  --silver-400: #909FBB;
  --silver-500: #7184A8;
  --silver-600: #55688B;
  --silver-700: #44536F;
  --silver-800: #303B4F;
  --silver-900: #1F2633;
  --silver-950: #131820;
}

Generate More Shades Create Palette Convert Color