Silver

#9DA1AF

Blue

Color Codes

All color formats for development

HEX

#9DA1AF

RGB

rgb(157, 161, 175)

HSL

hsl(227, 10%, 65%)

OKLCH

oklch(0.71 0.021 273.1)

CMYK

cmyk(10%, 8%, 0%, 31%)

Accessibility

WCAG contrast compliance

On White Background

2.58:1

AA ✗AAA ✗

On Black Background

8.15:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F7F7

100

#EBEC

200

#DBDC

300

#BEC1

400

#9DA1

500

#8186

600

#656A

700

#5054

800

#393C

900

#2526

950

#1718

Shades

Darker variations

1#8B8FA0

2#787E91

3#686D80

4#5A5E6D

5#4B4E5B

6#3C3F49

7#2D2F37

8#1E1F24

9#0F1012

Tints

Lighter variations

1#A7AAB7

2#B0B4BF

3#BABDC7

4#C4C6CF

5#CED0D7

6#D8D9DF

7#E2E3E7

8#EBECEF

9#F5F6F7

Tones

Muted variations

1#9EA1AE

2#9FA2AD

3#A0A2AC

4#A0A3AB

5#A1A3AA

6#A2A4A9

7#A3A4A8

8#A4A5A8

9#A5A5A7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F7F7 `#F7F7F8`	BackgroundsSubtle highlightsCard backgrounds
100	EBEC `#EBECEF`	Light backgroundsTable row hoverSkeleton loading
200	DBDC `#DBDCE1`	Secondary backgroundsInput backgroundsDividers
300	BEC1 `#BEC1CA`	BordersInactive statesPlaceholder text
400	9DA1 `#9DA1AF`	Disabled statesSecondary iconsMuted text
500	8186 `#818698`	Primary brand colorCTAsActive elementsLinks
600	656A `#656A7B`	Hover statesFocus ringsPrimary buttons hover
700	5054 `#505462`	Active/pressed statesDark mode accentsSecondary text
800	393C `#393C46`	Text on light backgroundsHeadingsStrong borders
900	2526 `#25262D`	Primary textHigh emphasis contentDark headings
950	1718 `#17181C`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F7F7F8;
  --silver-100: #EBECEF;
  --silver-200: #DBDCE1;
  --silver-300: #BEC1CA;
  --silver-400: #9DA1AF;
  --silver-500: #818698;
  --silver-600: #656A7B;
  --silver-700: #505462;
  --silver-800: #393C46;
  --silver-900: #25262D;
  --silver-950: #17181C;
}

Generate More Shades Create Palette Convert Color