Silver

#B6C9D2

Blue

Color Codes

All color formats for development

HEX

#B6C9D2

RGB

rgb(182, 201, 210)

HSL

hsl(199, 24%, 77%)

OKLCH

oklch(0.824 0.024 227.8)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.71:1

AA ✗AAA ✗

On Black Background

12.27:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#E9EF

200

#D6E1

300

#B6CA

400

#90AE

500

#7196

600

#557A

700

#4461

800

#3045

900

#1F2C

950

#131C

Shades

Darker variations

1#9EB8C4

2#86A6B5

3#6D94A6

4#5A8092

5#4B6B7A

6#3C5561

7#2D4049

8#1E2B31

9#0F1518

Tints

Lighter variations

1#BECFD7

2#C5D4DB

3#CCDAE0

4#D3DFE4

5#DBE4E9

6#E2EAED

7#E9EFF2

8#F0F4F6

9#F8FAFB

Tones

Muted variations

1#B8C9D1

2#B9C8D0

3#BAC8CE

4#BCC7CD

5#BDC7CB

6#BFC6CA

7#C0C6C9

8#C2C5C7

9#C3C5C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9EF `#E9EFF1`	Light backgroundsTable row hoverSkeleton loading
200	D6E1 `#D6E1E6`	Secondary backgroundsInput backgroundsDividers
300	B6CA `#B6CAD2`	BordersInactive statesPlaceholder text
400	90AE `#90AEBB`	Disabled statesSecondary iconsMuted text
500	7196 `#7196A8`	Primary brand colorCTAsActive elementsLinks
600	557A `#557A8B`	Hover statesFocus ringsPrimary buttons hover
700	4461 `#44616F`	Active/pressed statesDark mode accentsSecondary text
800	3045 `#30454F`	Text on light backgroundsHeadingsStrong borders
900	1F2C `#1F2C33`	Primary textHigh emphasis contentDark headings
950	131C `#131C20`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #E9EFF1;
  --silver-200: #D6E1E6;
  --silver-300: #B6CAD2;
  --silver-400: #90AEBB;
  --silver-500: #7196A8;
  --silver-600: #557A8B;
  --silver-700: #44616F;
  --silver-800: #30454F;
  --silver-900: #1F2C33;
  --silver-950: #131C20;
}

Generate More Shades Create Palette Convert Color