Silver

#94B1B8

Cyan

Color Codes

All color formats for development

HEX

#94B1B8

RGB

rgb(148, 177, 184)

HSL

hsl(192, 20%, 65%)

OKLCH

oklch(0.741 0.033 214)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.27:1

AA ✗AAA ✗

On Black Background

9.24:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAEF

200

#D7E2

300

#B9CB

400

#94B0

500

#759A

600

#5A7E

700

#4764

800

#3347

900

#212E

950

#141D

Shades

Darker variations

1#80A2AA

2#6C939D

3#5D828B

4#506F77

5#425D63

6#354A50

7#28383C

8#1B2528

9#0D1314

Tints

Lighter variations

1#9FB8BF

2#A9C0C6

3#B4C8CD

4#BFD0D4

5#C9D8DB

6#D4E0E2

7#DFE7EA

8#EAEFF1

9#F4F7F8

Tones

Muted variations

1#96AFB6

2#97AEB4

3#99ADB2

4#9BACB0

5#9DABAF

6#9FAAAD

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	EAEF `#EAEFF1`	Light backgroundsTable row hoverSkeleton loading
200	D7E2 `#D7E2E4`	Secondary backgroundsInput backgroundsDividers
300	B9CB `#B9CBD0`	BordersInactive statesPlaceholder text
400	94B0 `#94B0B8`	Disabled statesSecondary iconsMuted text
500	759A `#759AA3`	Primary brand colorCTAsActive elementsLinks
600	5A7E `#5A7E87`	Hover statesFocus ringsPrimary buttons hover
700	4764 `#47646B`	Active/pressed statesDark mode accentsSecondary text
800	3347 `#33474D`	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: #EAEFF1;
  --silver-200: #D7E2E4;
  --silver-300: #B9CBD0;
  --silver-400: #94B0B8;
  --silver-500: #759AA3;
  --silver-600: #5A7E87;
  --silver-700: #47646B;
  --silver-800: #33474D;
  --silver-900: #212E31;
  --silver-950: #141D1F;
}

Generate More Shades Create Palette Convert Color