Silver

#B3C2D5

Blue

Color Codes

All color formats for development

HEX

#B3C2D5

RGB

rgb(179, 194, 213)

HSL

hsl(214, 29%, 77%)

OKLCH

oklch(0.809 0.032 254.3)

CMYK

cmyk(16%, 9%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.81:1

AA ✗AAA ✗

On Black Background

11.59:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8EC

200

#D4DD

300

#B3C2

400

#8CA2

500

#6B88

600

#506C

700

#3F56

800

#2D3D

900

#1D27

950

#1219

Shades

Darker variations

1#9AAEC7

2#8199B9

3#6785AC

4#547198

5#465E7F

6#384C65

7#2A394C

8#1C2633

9#0E1319

Tints

Lighter variations

1#BBC8DA

2#C2CEDE

3#CAD4E2

4#D2DAE6

5#D9E1EA

6#E1E7EE

7#E8EDF3

8#F0F3F7

9#F7F9FB

Tones

Muted variations

1#B5C2D4

2#B7C3D2

3#B8C3D0

4#BAC3CF

5#BCC3CD

6#BEC3CB

7#BFC4C9

8#C1C4C8

9#C3C4C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F7 `#F5F7FA`	BackgroundsSubtle highlightsCard backgrounds
100	E8EC `#E8ECF2`	Light backgroundsTable row hoverSkeleton loading
200	D4DD `#D4DDE7`	Secondary backgroundsInput backgroundsDividers
300	B3C2 `#B3C2D5`	BordersInactive statesPlaceholder text
400	8CA2 `#8CA2C0`	Disabled statesSecondary iconsMuted text
500	6B88 `#6B88AE`	Primary brand colorCTAsActive elementsLinks
600	506C `#506C91`	Hover statesFocus ringsPrimary buttons hover
700	3F56 `#3F5673`	Active/pressed statesDark mode accentsSecondary text
800	2D3D `#2D3D52`	Text on light backgroundsHeadingsStrong borders
900	1D27 `#1D2735`	Primary textHigh emphasis contentDark headings
950	1219 `#121921`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F7FA;
  --silver-100: #E8ECF2;
  --silver-200: #D4DDE7;
  --silver-300: #B3C2D5;
  --silver-400: #8CA2C0;
  --silver-500: #6B88AE;
  --silver-600: #506C91;
  --silver-700: #3F5673;
  --silver-800: #2D3D52;
  --silver-900: #1D2735;
  --silver-950: #121921;
}

Generate More Shades Create Palette Convert Color