Silver

#9D9EAF

Blue

Color Codes

All color formats for development

HEX

#9D9EAF

RGB

rgb(157, 158, 175)

HSL

hsl(237, 10%, 65%)

OKLCH

oklch(0.704 0.025 283.1)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.64:1

AA ✗AAA ✗

On Black Background

7.94:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F7F7

100

#EBEC

200

#DBDB

300

#BEBF

400

#9D9E

500

#8182

600

#6566

700

#5051

800

#393A

900

#2525

950

#1717

Shades

Darker variations

1#8B8CA0

2#787A91

3#686A80

4#5A5A6D

5#4B4B5B

6#3C3C49

7#2D2D37

8#1E1E24

9#0F0F12

Tints

Lighter variations

1#A7A7B7

2#B0B1BF

3#BABBC7

4#C4C5CF

5#CECED7

6#D8D8DF

7#E2E2E7

8#EBECEF

9#F5F5F7

Tones

Muted variations

1#9E9FAE

2#9F9FAD

3#A0A0AC

4#A0A1AB

5#A1A2AA

6#A2A3A9

7#A3A3A8

8#A4A4A8

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	DBDB `#DBDBE1`	Secondary backgroundsInput backgroundsDividers
300	BEBF `#BEBFCA`	BordersInactive statesPlaceholder text
400	9D9E `#9D9EAF`	Disabled statesSecondary iconsMuted text
500	8182 `#818298`	Primary brand colorCTAsActive elementsLinks
600	6566 `#65667B`	Hover statesFocus ringsPrimary buttons hover
700	5051 `#505162`	Active/pressed statesDark mode accentsSecondary text
800	393A `#393A46`	Text on light backgroundsHeadingsStrong borders
900	2525 `#25252D`	Primary textHigh emphasis contentDark headings
950	1717 `#17171C`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F7F7F8;
  --silver-100: #EBECEF;
  --silver-200: #DBDBE1;
  --silver-300: #BEBFCA;
  --silver-400: #9D9EAF;
  --silver-500: #818298;
  --silver-600: #65667B;
  --silver-700: #505162;
  --silver-800: #393A46;
  --silver-900: #25252D;
  --silver-950: #17171C;
}

Generate More Shades Create Palette Convert Color