Silver

#94B0B8

Cyan

Color Codes

All color formats for development

HEX

#94B0B8

RGB

rgb(148, 176, 184)

HSL

hsl(193, 20%, 65%)

OKLCH

oklch(0.739 0.033 216.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.29:1

AA ✗AAA ✗

On Black Background

9.16: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

#7599

600

#5A7D

700

#4763

800

#3347

900

#212D

950

#141C

Shades

Darker variations

1#80A1AA

2#6C929D

3#5D818B

4#506F77

5#425C63

6#354A50

7#28373C

8#1B2528

9#0D1214

Tints

Lighter variations

1#9FB8BF

2#A9C0C6

3#B4C8CD

4#BFD0D4

5#C9D7DB

6#D4DFE2

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	7599 `#7599A3`	Primary brand colorCTAsActive elementsLinks
600	5A7D `#5A7D87`	Hover statesFocus ringsPrimary buttons hover
700	4763 `#47636B`	Active/pressed statesDark mode accentsSecondary text
800	3347 `#33474D`	Text on light backgroundsHeadingsStrong borders
900	212D `#212D31`	Primary textHigh emphasis contentDark headings
950	141C `#141C1F`	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: #7599A3;
  --silver-600: #5A7D87;
  --silver-700: #47636B;
  --silver-800: #33474D;
  --silver-900: #212D31;
  --silver-950: #141C1F;
}

Generate More Shades Create Palette Convert Color