Silver

#94B3B8

Cyan

Color Codes

All color formats for development

HEX

#94B3B8

RGB

rgb(148, 179, 184)

HSL

hsl(188, 20%, 65%)

OKLCH

oklch(0.745 0.035 208.4)

CMYK

cmyk(20%, 3%, 0%, 28%)

Accessibility

WCAG contrast compliance

On White Background

2.23:1

AA ✗AAA ✗

On Black Background

9.40:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAF0

200

#D7E3

300

#B9CD

400

#94B3

500

#759D

600

#5A81

700

#4766

800

#3349

900

#212F

950

#141D

Shades

Darker variations

1#80A5AA

2#6C979D

3#5D858B

4#507277

5#425F63

6#354C50

7#28393C

8#1B2628

9#0D1314

Tints

Lighter variations

1#9FBABF

2#A9C2C6

3#B4CACD

4#BFD1D4

5#C9D9DB

6#D4E1E2

7#DFE8EA

8#EAF0F1

9#F4F7F8

Tones

Muted variations

1#96B2B6

2#97B0B4

3#99AFB2

4#9BAEB0

5#9DACAF

6#9FABAD

7#A0AAAB

8#A2A8A9

9#A4A7A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	EAF0 `#EAF0F1`	Light backgroundsTable row hoverSkeleton loading
200	D7E3 `#D7E3E4`	Secondary backgroundsInput backgroundsDividers
300	B9CD `#B9CDD0`	BordersInactive statesPlaceholder text
400	94B3 `#94B3B8`	Disabled statesSecondary iconsMuted text
500	759D `#759DA3`	Primary brand colorCTAsActive elementsLinks
600	5A81 `#5A8187`	Hover statesFocus ringsPrimary buttons hover
700	4766 `#47666B`	Active/pressed statesDark mode accentsSecondary text
800	3349 `#33494D`	Text on light backgroundsHeadingsStrong borders
900	212F `#212F31`	Primary textHigh emphasis contentDark headings
950	141D `#141D1F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAF0F1;
  --silver-200: #D7E3E4;
  --silver-300: #B9CDD0;
  --silver-400: #94B3B8;
  --silver-500: #759DA3;
  --silver-600: #5A8187;
  --silver-700: #47666B;
  --silver-800: #33494D;
  --silver-900: #212F31;
  --silver-950: #141D1F;
}

Generate More Shades Create Palette Convert Color