Silver

#B3CBD5

Blue

Color Codes

All color formats for development

HEX

#B3CBD5

RGB

rgb(179, 203, 213)

HSL

hsl(198, 29%, 77%)

OKLCH

oklch(0.827 0.03 224.8)

CMYK

cmyk(16%, 5%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.69:1

AA ✗AAA ✗

On Black Background

12.42:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F8

100

#E8EF

200

#D4E2

300

#B3CB

400

#8CB0

500

#6B9A

600

#507D

700

#3F64

800

#2D47

900

#1D2E

950

#121C

Shades

Darker variations

1#9ABAC7

2#81A8B9

3#6797AC

4#548398

5#466E7F

6#385865

7#2A424C

8#1C2C33

9#0E1619

Tints

Lighter variations

1#BBD0DA

2#C2D6DE

3#CADBE2

4#D2E0E6

5#D9E5EA

6#E1EAEE

7#E8EFF3

8#F0F5F7

9#F7FAFB

Tones

Muted variations

1#B5CAD4

2#B7CAD2

3#B8C9D0

4#BAC8CF

5#BCC8CD

6#BEC7CB

7#BFC6C9

8#C1C6C8

9#C3C5C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F8 `#F5F8FA`	BackgroundsSubtle highlightsCard backgrounds
100	E8EF `#E8EFF2`	Light backgroundsTable row hoverSkeleton loading
200	D4E2 `#D4E2E7`	Secondary backgroundsInput backgroundsDividers
300	B3CB `#B3CBD5`	BordersInactive statesPlaceholder text
400	8CB0 `#8CB0C0`	Disabled statesSecondary iconsMuted text
500	6B9A `#6B9AAE`	Primary brand colorCTAsActive elementsLinks
600	507D `#507D91`	Hover statesFocus ringsPrimary buttons hover
700	3F64 `#3F6473`	Active/pressed statesDark mode accentsSecondary text
800	2D47 `#2D4752`	Text on light backgroundsHeadingsStrong borders
900	1D2E `#1D2E35`	Primary textHigh emphasis contentDark headings
950	121C `#121C21`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F8FA;
  --silver-100: #E8EFF2;
  --silver-200: #D4E2E7;
  --silver-300: #B3CBD5;
  --silver-400: #8CB0C0;
  --silver-500: #6B9AAE;
  --silver-600: #507D91;
  --silver-700: #3F6473;
  --silver-800: #2D4752;
  --silver-900: #1D2E35;
  --silver-950: #121C21;
}

Generate More Shades Create Palette Convert Color