Silver

#B7C5D1

Blue

Color Codes

All color formats for development

HEX

#B7C5D1

RGB

rgb(183, 197, 209)

HSL

hsl(208, 22%, 77%)

OKLCH

oklch(0.816 0.023 243.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.76:1

AA ✗AAA ✗

On Black Background

11.92:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F7

100

#E9ED

200

#D7DE

300

#B7C5

400

#92A7

500

#738E

600

#5872

700

#465B

800

#3241

900

#2029

950

#141A

Shades

Darker variations

1#9FB2C2

2#889FB3

3#708BA3

4#5C7890

5#4D6478

6#3D5060

7#2E3C48

8#1F2830

9#0F1418

Tints

Lighter variations

1#BFCBD6

2#C6D1DA

3#CDD7DF

4#D4DCE4

5#DBE2E8

6#E2E8ED

7#EAEEF1

8#F1F3F6

9#F8F9FA

Tones

Muted variations

1#B9C5D0

2#BAC5CF

3#BBC5CD

4#BDC5CC

5#BEC5CB

6#BFC5CA

7#C0C5C8

8#C2C5C7

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F7 `#F6F7F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9ED `#E9EDF1`	Light backgroundsTable row hoverSkeleton loading
200	D7DE `#D7DEE5`	Secondary backgroundsInput backgroundsDividers
300	B7C5 `#B7C5D1`	BordersInactive statesPlaceholder text
400	92A7 `#92A7B9`	Disabled statesSecondary iconsMuted text
500	738E `#738EA5`	Primary brand colorCTAsActive elementsLinks
600	5872 `#587289`	Hover statesFocus ringsPrimary buttons hover
700	465B `#465B6D`	Active/pressed statesDark mode accentsSecondary text
800	3241 `#32414E`	Text on light backgroundsHeadingsStrong borders
900	2029 `#202932`	Primary textHigh emphasis contentDark headings
950	141A `#141A1F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F7F9;
  --silver-100: #E9EDF1;
  --silver-200: #D7DEE5;
  --silver-300: #B7C5D1;
  --silver-400: #92A7B9;
  --silver-500: #738EA5;
  --silver-600: #587289;
  --silver-700: #465B6D;
  --silver-800: #32414E;
  --silver-900: #202932;
  --silver-950: #141A1F;
}

Generate More Shades Create Palette Convert Color