Silver

#92B4B9

Cyan

Color Codes

All color formats for development

HEX

#92B4B9

RGB

rgb(146, 180, 185)

HSL

hsl(188, 22%, 65%)

OKLCH

oklch(0.746 0.038 207.4)

CMYK

cmyk(21%, 3%, 0%, 27%)

Accessibility

WCAG contrast compliance

On White Background

2.22:1

AA ✗AAA ✗

On Black Background

9.45:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F9

100

#E9F0

200

#D7E3

300

#B7CE

400

#92B4

500

#739F

600

#5882

700

#4668

800

#324A

900

#202F

950

#141E

Shades

Darker variations

1#7EA6AC

2#6A98A0

3#5A878E

4#4E7379

5#416065

6#344D51

7#273A3D

8#1A2628

9#0D1314

Tints

Lighter variations

1#9DBCC0

2#A8C3C7

3#B3CBCE

4#BED2D5

5#C9DADC

6#D3E1E3

7#DEE9EA

8#E9F0F1

9#F4F8F8

Tones

Muted variations

1#94B3B7

2#96B1B5

3#98B0B3

4#9AAEB2

5#9CADB0

6#9EACAE

7#A0AAAC

8#A2A9AA

9#A4A7A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F9 `#F6F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F0 `#E9F0F1`	Light backgroundsTable row hoverSkeleton loading
200	D7E3 `#D7E3E5`	Secondary backgroundsInput backgroundsDividers
300	B7CE `#B7CED1`	BordersInactive statesPlaceholder text
400	92B4 `#92B4B9`	Disabled statesSecondary iconsMuted text
500	739F `#739FA5`	Primary brand colorCTAsActive elementsLinks
600	5882 `#588289`	Hover statesFocus ringsPrimary buttons hover
700	4668 `#46686D`	Active/pressed statesDark mode accentsSecondary text
800	324A `#324A4E`	Text on light backgroundsHeadingsStrong borders
900	202F `#202F32`	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: #E9F0F1;
  --silver-200: #D7E3E5;
  --silver-300: #B7CED1;
  --silver-400: #92B4B9;
  --silver-500: #739FA5;
  --silver-600: #588289;
  --silver-700: #46686D;
  --silver-800: #324A4E;
  --silver-900: #202F32;
  --silver-950: #141E1F;
}

Generate More Shades Create Palette Convert Color