Silver

#B1CAD8

Blue

Color Codes

All color formats for development

HEX

#B1CAD8

RGB

rgb(177, 202, 216)

HSL

hsl(202, 33%, 77%)

OKLCH

oklch(0.825 0.033 232.3)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.71:1

AA ✗AAA ✗

On Black Background

12.31:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F8

100

#E7EF

200

#D3E1

300

#B1CA

400

#88AE

500

#6696

600

#4B7A

700

#3C61

800

#2B45

900

#1B2C

950

#111C

Shades

Darker variations

1#97B8CB

2#7DA6BD

3#6394B0

4#4F809D

5#426B83

6#355568

7#27404E

8#1A2B34

9#0D151A

Tints

Lighter variations

1#B9CFDC

2#C1D4E0

3#C8DAE3

4#D0DFE7

5#D8E4EB

6#E0EAEF

7#E8EFF3

8#EFF4F7

9#F7FAFB

Tones

Muted variations

1#B3C9D6

2#B5C8D4

3#B7C8D2

4#B9C7D0

5#BBC7CE

6#BDC6CC

7#BFC6CA

8#C0C5C8

9#C2C5C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F8 `#F5F8FA`	BackgroundsSubtle highlightsCard backgrounds
100	E7EF `#E7EFF3`	Light backgroundsTable row hoverSkeleton loading
200	D3E1 `#D3E1E9`	Secondary backgroundsInput backgroundsDividers
300	B1CA `#B1CAD8`	BordersInactive statesPlaceholder text
400	88AE `#88AEC3`	Disabled statesSecondary iconsMuted text
500	6696 `#6696B2`	Primary brand colorCTAsActive elementsLinks
600	4B7A `#4B7A95`	Hover statesFocus ringsPrimary buttons hover
700	3C61 `#3C6177`	Active/pressed statesDark mode accentsSecondary text
800	2B45 `#2B4555`	Text on light backgroundsHeadingsStrong borders
900	1B2C `#1B2C36`	Primary textHigh emphasis contentDark headings
950	111C `#111C22`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F8FA;
  --silver-100: #E7EFF3;
  --silver-200: #D3E1E9;
  --silver-300: #B1CAD8;
  --silver-400: #88AEC3;
  --silver-500: #6696B2;
  --silver-600: #4B7A95;
  --silver-700: #3C6177;
  --silver-800: #2B4555;
  --silver-900: #1B2C36;
  --silver-950: #111C22;
}

Generate More Shades Create Palette Convert Color