Silver

#B6BDD2

Blue

Color Codes

All color formats for development

HEX

#B6BDD2

RGB

rgb(182, 189, 210)

HSL

hsl(225, 24%, 77%)

OKLCH

oklch(0.8 0.031 271)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.88:1

AA ✗AAA ✗

On Black Background

11.20:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F6

100

#E9EB

200

#D6DA

300

#B6BD

400

#909B

500

#717E

600

#5563

700

#444F

800

#3038

900

#1F24

950

#1316

Shades

Darker variations

1#9EA7C4

2#8691B5

3#6D7BA6

4#5A6892

5#4B567A

6#3C4561

7#2D3449

8#1E2331

9#0F1118

Tints

Lighter variations

1#BEC4D7

2#C5CADB

3#CCD1E0

4#D3D8E4

5#DBDEE9

6#E2E5ED

7#E9EBF2

8#F0F2F6

9#F8F8FB

Tones

Muted variations

1#B8BED1

2#B9BFD0

3#BABFCE

4#BCC0CD

5#BDC1CB

6#BFC2CA

7#C0C2C9

8#C2C3C7

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F6 `#F6F6F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9EB `#E9EBF1`	Light backgroundsTable row hoverSkeleton loading
200	D6DA `#D6DAE6`	Secondary backgroundsInput backgroundsDividers
300	B6BD `#B6BDD2`	BordersInactive statesPlaceholder text
400	909B `#909BBB`	Disabled statesSecondary iconsMuted text
500	717E `#717EA8`	Primary brand colorCTAsActive elementsLinks
600	5563 `#55638B`	Hover statesFocus ringsPrimary buttons hover
700	444F `#444F6F`	Active/pressed statesDark mode accentsSecondary text
800	3038 `#30384F`	Text on light backgroundsHeadingsStrong borders
900	1F24 `#1F2433`	Primary textHigh emphasis contentDark headings
950	1316 `#131620`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F6F9;
  --silver-100: #E9EBF1;
  --silver-200: #D6DAE6;
  --silver-300: #B6BDD2;
  --silver-400: #909BBB;
  --silver-500: #717EA8;
  --silver-600: #55638B;
  --silver-700: #444F6F;
  --silver-800: #30384F;
  --silver-900: #1F2433;
  --silver-950: #131620;
}

Generate More Shades Create Palette Convert Color