Silver

#9DADAF

Cyan

Color Codes

All color formats for development

HEX

#9DADAF

RGB

rgb(157, 173, 175)

HSL

hsl(187, 10%, 65%)

OKLCH

oklch(0.736 0.018 205.8)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.33:1

AA ✗AAA ✗

On Black Background

9.03:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F7F8

100

#EBEF

200

#DBE0

300

#BEC9

400

#9DAD

500

#8195

600

#6579

700

#5060

800

#3945

900

#252C

950

#171B

Shades

Darker variations

1#8B9DA0

2#788E91

3#687D80

4#5A6B6D

5#4B595B

6#3C4749

7#2D3637

8#1E2424

9#0F1212

Tints

Lighter variations

1#A7B5B7

2#B0BDBF

3#BAC5C7

4#C4CECF

5#CED6D7

6#D8DEDF

7#E2E6E7

8#EBEFEF

9#F5F7F7

Tones

Muted variations

1#9EACAE

2#9FABAD

3#A0ABAC

4#A0AAAB

5#A1A9AA

6#A2A8A9

7#A3A8A8

8#A4A7A8

9#A5A6A7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F7F8 `#F7F8F8`	BackgroundsSubtle highlightsCard backgrounds
100	EBEF `#EBEFEF`	Light backgroundsTable row hoverSkeleton loading
200	DBE0 `#DBE0E1`	Secondary backgroundsInput backgroundsDividers
300	BEC9 `#BEC9CA`	BordersInactive statesPlaceholder text
400	9DAD `#9DADAF`	Disabled statesSecondary iconsMuted text
500	8195 `#819598`	Primary brand colorCTAsActive elementsLinks
600	6579 `#65797B`	Hover statesFocus ringsPrimary buttons hover
700	5060 `#506062`	Active/pressed statesDark mode accentsSecondary text
800	3945 `#394546`	Text on light backgroundsHeadingsStrong borders
900	252C `#252C2D`	Primary textHigh emphasis contentDark headings
950	171B `#171B1C`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F7F8F8;
  --silver-100: #EBEFEF;
  --silver-200: #DBE0E1;
  --silver-300: #BEC9CA;
  --silver-400: #9DADAF;
  --silver-500: #819598;
  --silver-600: #65797B;
  --silver-700: #506062;
  --silver-800: #394546;
  --silver-900: #252C2D;
  --silver-950: #171B1C;
}

Generate More Shades Create Palette Convert Color