Silver

#97B2B4

Cyan

Color Codes

All color formats for development

HEX

#97B2B4

RGB

rgb(151, 178, 180)

HSL

hsl(184, 16%, 65%)

OKLCH

oklch(0.744 0.03 202)

CMYK

cmyk(16%, 1%, 0%, 29%)

Accessibility

WCAG contrast compliance

On White Background

2.25:1

AA ✗AAA ✗

On Black Background

9.34:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAF0

200

#D9E2

300

#BBCC

400

#97B2

500

#7A9C

600

#5E80

700

#4B66

800

#3649

900

#222E

950

#151D

Shades

Darker variations

1#84A4A6

2#719698

3#618487

4#547173

5#465E60

6#384B4D

7#2A393A

8#1C2626

9#0E1313

Tints

Lighter variations

1#A2BABC

2#ACC2C3

3#B7C9CB

4#C1D1D2

5#CBD9DA

6#D6E0E1

7#E0E8E9

8#EAF0F0

9#F5F7F8

Tones

Muted variations

1#99B1B3

2#9AB0B1

3#9CAEB0

4#9DADAE

5#9FACAD

6#A0ABAB

7#A1A9AA

8#A3A8A9

9#A4A7A7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	EAF0 `#EAF0F0`	Light backgroundsTable row hoverSkeleton loading
200	D9E2 `#D9E2E3`	Secondary backgroundsInput backgroundsDividers
300	BBCC `#BBCCCE`	BordersInactive statesPlaceholder text
400	97B2 `#97B2B4`	Disabled statesSecondary iconsMuted text
500	7A9C `#7A9C9F`	Primary brand colorCTAsActive elementsLinks
600	5E80 `#5E8082`	Hover statesFocus ringsPrimary buttons hover
700	4B66 `#4B6668`	Active/pressed statesDark mode accentsSecondary text
800	3649 `#36494A`	Text on light backgroundsHeadingsStrong borders
900	222E `#222E2F`	Primary textHigh emphasis contentDark headings
950	151D `#151D1E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAF0F0;
  --silver-200: #D9E2E3;
  --silver-300: #BBCCCE;
  --silver-400: #97B2B4;
  --silver-500: #7A9C9F;
  --silver-600: #5E8082;
  --silver-700: #4B6668;
  --silver-800: #36494A;
  --silver-900: #222E2F;
  --silver-950: #151D1E;
}

Generate More Shades Create Palette Convert Color