Silver

#B3BCD5

Blue

Color Codes

All color formats for development

HEX

#B3BCD5

RGB

rgb(179, 188, 213)

HSL

hsl(224, 29%, 77%)

OKLCH

oklch(0.796 0.037 269.8)

CMYK

cmyk(16%, 12%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.90:1

AA ✗AAA ✗

On Black Background

11.07:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F6

100

#E8EB

200

#D4D9

300

#B3BC

400

#8C9A

500

#6B7D

600

#5061

700

#3F4D

800

#2D37

900

#1D23

950

#1216

Shades

Darker variations

1#9AA6C7

2#8190B9

3#677AAC

4#546698

5#46557F

6#384465

7#2A334C

8#1C2233

9#0E1119

Tints

Lighter variations

1#BBC3DA

2#C2CADE

3#CAD0E2

4#D2D7E6

5#D9DEEA

6#E1E4EE

7#E8EBF3

8#F0F2F7

9#F7F8FB

Tones

Muted variations

1#B5BDD4

2#B7BED2

3#B8BFD0

4#BAC0CF

5#BCC0CD

6#BEC1CB

7#BFC2C9

8#C1C3C8

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F6 `#F5F6FA`	BackgroundsSubtle highlightsCard backgrounds
100	E8EB `#E8EBF2`	Light backgroundsTable row hoverSkeleton loading
200	D4D9 `#D4D9E7`	Secondary backgroundsInput backgroundsDividers
300	B3BC `#B3BCD5`	BordersInactive statesPlaceholder text
400	8C9A `#8C9AC0`	Disabled statesSecondary iconsMuted text
500	6B7D `#6B7DAE`	Primary brand colorCTAsActive elementsLinks
600	5061 `#506191`	Hover statesFocus ringsPrimary buttons hover
700	3F4D `#3F4D73`	Active/pressed statesDark mode accentsSecondary text
800	2D37 `#2D3752`	Text on light backgroundsHeadingsStrong borders
900	1D23 `#1D2335`	Primary textHigh emphasis contentDark headings
950	1216 `#121621`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F6FA;
  --silver-100: #E8EBF2;
  --silver-200: #D4D9E7;
  --silver-300: #B3BCD5;
  --silver-400: #8C9AC0;
  --silver-500: #6B7DAE;
  --silver-600: #506191;
  --silver-700: #3F4D73;
  --silver-800: #2D3752;
  --silver-900: #1D2335;
  --silver-950: #121621;
}

Generate More Shades Create Palette Convert Color