Silver

#93B2B8

Cyan

Color Codes

All color formats for development

HEX

#93B2B8

RGB

rgb(147, 178, 184)

HSL

hsl(190, 21%, 65%)

OKLCH

oklch(0.742 0.035 210.7)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.26:1

AA ✗AAA ✗

On Black Background

9.30:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#E9F0

200

#D7E2

300

#B8CD

400

#93B2

500

#749C

600

#5980

700

#4766

800

#3249

900

#202F

950

#141D

Shades

Darker variations

1#7FA4AB

2#6B969E

3#5C848C

4#4F7178

5#415E64

6#344C50

7#27393C

8#1A2628

9#0D1314

Tints

Lighter variations

1#9EBAC0

2#A9C2C7

3#B3C9CE

4#BED1D5

5#C9D9DC

6#D4E0E3

7#DFE8EA

8#E9F0F1

9#F4F7F8

Tones

Muted variations

1#95B1B7

2#97B0B5

3#99AEB3

4#9BADB1

5#9CACAF

6#9EABAD

7#A0A9AB

8#A2A8A9

9#A4A7A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F0 `#E9F0F1`	Light backgroundsTable row hoverSkeleton loading
200	D7E2 `#D7E2E5`	Secondary backgroundsInput backgroundsDividers
300	B8CD `#B8CDD1`	BordersInactive statesPlaceholder text
400	93B2 `#93B2B8`	Disabled statesSecondary iconsMuted text
500	749C `#749CA4`	Primary brand colorCTAsActive elementsLinks
600	5980 `#598088`	Hover statesFocus ringsPrimary buttons hover
700	4766 `#47666C`	Active/pressed statesDark mode accentsSecondary text
800	3249 `#32494D`	Text on light backgroundsHeadingsStrong borders
900	202F `#202F31`	Primary textHigh emphasis contentDark headings
950	141D `#141D1F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #E9F0F1;
  --silver-200: #D7E2E5;
  --silver-300: #B8CDD1;
  --silver-400: #93B2B8;
  --silver-500: #749CA4;
  --silver-600: #598088;
  --silver-700: #47666C;
  --silver-800: #32494D;
  --silver-900: #202F31;
  --silver-950: #141D1F;
}

Generate More Shades Create Palette Convert Color