Silver

#94B2B8

Cyan

Color Codes

All color formats for development

HEX

#94B2B8

RGB

rgb(148, 178, 184)

HSL

hsl(190, 20%, 65%)

OKLCH

oklch(0.743 0.034 211.1)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.25:1

AA ✗AAA ✗

On Black Background

9.32:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAF0

200

#D7E2

300

#B9CC

400

#94B2

500

#759C

600

#5A7F

700

#4765

800

#3348

900

#212E

950

#141D

Shades

Darker variations

1#80A3AA

2#6C959D

3#5D838B

4#507177

5#425E63

6#354B50

7#28383C

8#1B2628

9#0D1314

Tints

Lighter variations

1#9FB9BF

2#A9C1C6

3#B4C9CD

4#BFD1D4

5#C9D8DB

6#D4E0E2

7#DFE8EA

8#EAF0F1

9#F4F7F8

Tones

Muted variations

1#96B0B6

2#97AFB4

3#99AEB2

4#9BADB0

5#9DACAF

6#9FABAD

7#A0A9AB

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	D7E2 `#D7E2E4`	Secondary backgroundsInput backgroundsDividers
300	B9CC `#B9CCD0`	BordersInactive statesPlaceholder text
400	94B2 `#94B2B8`	Disabled statesSecondary iconsMuted text
500	759C `#759CA3`	Primary brand colorCTAsActive elementsLinks
600	5A7F `#5A7F87`	Hover statesFocus ringsPrimary buttons hover
700	4765 `#47656B`	Active/pressed statesDark mode accentsSecondary text
800	3348 `#33484D`	Text on light backgroundsHeadingsStrong borders
900	212E `#212E31`	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: #D7E2E4;
  --silver-300: #B9CCD0;
  --silver-400: #94B2B8;
  --silver-500: #759CA3;
  --silver-600: #5A7F87;
  --silver-700: #47656B;
  --silver-800: #33484D;
  --silver-900: #212E31;
  --silver-950: #141D1F;
}

Generate More Shades Create Palette Convert Color