Silver

#93B7B8

Cyan

Color Codes

All color formats for development

HEX

#93B7B8

RGB

rgb(147, 183, 184)

HSL

hsl(182, 21%, 65%)

OKLCH

oklch(0.753 0.039 198.5)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.16:1

AA ✗AAA ✗

On Black Background

9.71:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F9

100

#E9F1

200

#D7E4

300

#B8D0

400

#93B7

500

#74A3

600

#5986

700

#476B

800

#324C

900

#2031

950

#141E

Shades

Darker variations

1#7FAAAB

2#6B9D9E

3#5C8B8C

4#4F7778

5#416364

6#344F50

7#273B3C

8#1A2828

9#0D1414

Tints

Lighter variations

1#9EBEC0

2#A9C6C7

3#B3CDCE

4#BED4D5

5#C9DBDC

6#D4E2E3

7#DFE9EA

8#E9F1F1

9#F4F8F8

Tones

Muted variations

1#95B5B7

2#97B4B5

3#99B2B3

4#9BB0B1

5#9CAEAF

6#9EADAD

7#A0ABAB

8#A2A9A9

9#A4A7A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F9 `#F6F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F1 `#E9F1F1`	Light backgroundsTable row hoverSkeleton loading
200	D7E4 `#D7E4E5`	Secondary backgroundsInput backgroundsDividers
300	B8D0 `#B8D0D1`	BordersInactive statesPlaceholder text
400	93B7 `#93B7B8`	Disabled statesSecondary iconsMuted text
500	74A3 `#74A3A4`	Primary brand colorCTAsActive elementsLinks
600	5986 `#598688`	Hover statesFocus ringsPrimary buttons hover
700	476B `#476B6C`	Active/pressed statesDark mode accentsSecondary text
800	324C `#324C4D`	Text on light backgroundsHeadingsStrong borders
900	2031 `#203131`	Primary textHigh emphasis contentDark headings
950	141E `#141E1F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F9F9;
  --silver-100: #E9F1F1;
  --silver-200: #D7E4E5;
  --silver-300: #B8D0D1;
  --silver-400: #93B7B8;
  --silver-500: #74A3A4;
  --silver-600: #598688;
  --silver-700: #476B6C;
  --silver-800: #324C4D;
  --silver-900: #203131;
  --silver-950: #141E1F;
}

Generate More Shades Create Palette Convert Color