Silver

#B1C6D8

Blue

Color Codes

All color formats for development

HEX

#B1C6D8

RGB

rgb(177, 198, 216)

HSL

hsl(208, 33%, 77%)

OKLCH

oklch(0.816 0.034 244)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.76:1

AA ✗AAA ✗

On Black Background

11.94:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F8

100

#E7EE

200

#D3DF

300

#B1C6

400

#88A8

500

#668F

600

#4B73

700

#3C5B

800

#2B41

900

#1B2A

950

#111A

Shades

Darker variations

1#97B2CB

2#7D9FBD

3#638CB0

4#4F789D

5#426483

6#355068

7#273C4E

8#1A2834

9#0D141A

Tints

Lighter variations

1#B9CBDC

2#C1D1E0

3#C8D7E3

4#D0DDE7

5#D8E2EB

6#E0E8EF

7#E8EEF3

8#EFF4F7

9#F7F9FB

Tones

Muted variations

1#B3C6D6

2#B5C5D4

3#B7C5D2

4#B9C5D0

5#BBC5CE

6#BDC5CC

7#BFC5CA

8#C0C5C8

9#C2C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F8 `#F5F8FA`	BackgroundsSubtle highlightsCard backgrounds
100	E7EE `#E7EEF3`	Light backgroundsTable row hoverSkeleton loading
200	D3DF `#D3DFE9`	Secondary backgroundsInput backgroundsDividers
300	B1C6 `#B1C6D8`	BordersInactive statesPlaceholder text
400	88A8 `#88A8C3`	Disabled statesSecondary iconsMuted text
500	668F `#668FB2`	Primary brand colorCTAsActive elementsLinks
600	4B73 `#4B7395`	Hover statesFocus ringsPrimary buttons hover
700	3C5B `#3C5B77`	Active/pressed statesDark mode accentsSecondary text
800	2B41 `#2B4155`	Text on light backgroundsHeadingsStrong borders
900	1B2A `#1B2A36`	Primary textHigh emphasis contentDark headings
950	111A `#111A22`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F8FA;
  --silver-100: #E7EEF3;
  --silver-200: #D3DFE9;
  --silver-300: #B1C6D8;
  --silver-400: #88A8C3;
  --silver-500: #668FB2;
  --silver-600: #4B7395;
  --silver-700: #3C5B77;
  --silver-800: #2B4155;
  --silver-900: #1B2A36;
  --silver-950: #111A22;
}

Generate More Shades Create Palette Convert Color