Silver

#93B8B8

Cyan

Color Codes

All color formats for development

HEX

#93B8B8

RGB

rgb(147, 184, 184)

HSL

hsl(180, 21%, 65%)

OKLCH

oklch(0.756 0.04 196.3)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.15:1

AA ✗AAA ✗

On Black Background

9.79:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F9

100

#E9F1

200

#D7E5

300

#B8D1

400

#93B8

500

#74A4

600

#5988

700

#476C

800

#324D

900

#2031

950

#141F

Shades

Darker variations

1#7FABAB

2#6B9E9E

3#5C8C8C

4#4F7878

5#416464

6#345050

7#273C3C

8#1A2828

9#0D1414

Tints

Lighter variations

1#9EC0C0

2#A9C7C7

3#B3CECE

4#BED5D5

5#C9DCDC

6#D4E3E3

7#DFEAEA

8#E9F1F1

9#F4F8F8

Tones

Muted variations

1#95B7B7

2#97B5B5

3#99B3B3

4#9BB1B1

5#9CAFAF

6#9EADAD

7#A0ABAB

8#A2A9A9

9#A4A8A8

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	D7E5 `#D7E5E5`	Secondary backgroundsInput backgroundsDividers
300	B8D1 `#B8D1D1`	BordersInactive statesPlaceholder text
400	93B8 `#93B8B8`	Disabled statesSecondary iconsMuted text
500	74A4 `#74A4A4`	Primary brand colorCTAsActive elementsLinks
600	5988 `#598888`	Hover statesFocus ringsPrimary buttons hover
700	476C `#476C6C`	Active/pressed statesDark mode accentsSecondary text
800	324D `#324D4D`	Text on light backgroundsHeadingsStrong borders
900	2031 `#203131`	Primary textHigh emphasis contentDark headings
950	141F `#141F1F`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F9F9;
  --silver-100: #E9F1F1;
  --silver-200: #D7E5E5;
  --silver-300: #B8D1D1;
  --silver-400: #93B8B8;
  --silver-500: #74A4A4;
  --silver-600: #598888;
  --silver-700: #476C6C;
  --silver-800: #324D4D;
  --silver-900: #203131;
  --silver-950: #141F1F;
}

Generate More Shades Create Palette Convert Color