Silver

#BACACE

Cyan

Color Codes

All color formats for development

HEX

#BACACE

RGB

rgb(186, 202, 206)

HSL

hsl(192, 17%, 77%)

OKLCH

oklch(0.828 0.018 214.4)

CMYK

cmyk(10%, 2%, 0%, 19%)

Accessibility

WCAG contrast compliance

On White Background

1.69:1

AA ✗AAA ✗

On Black Background

12.43:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAEF

200

#D8E1

300

#BACA

400

#97AF

500

#7998

600

#5D7C

700

#4A62

800

#3546

900

#222D

950

#151C

Shades

Darker variations

1#A3B9BE

2#8CA7AE

3#75959D

4#62828A

5#516C73

6#41575C

7#314145

8#212B2E

9#101617

Tints

Lighter variations

1#C1D0D3

2#C8D5D8

3#CFDADD

4#D6DFE2

5#DDE5E7

6#E4EAEC

7#EAEFF0

8#F1F4F5

9#F8FAFA

Tones

Muted variations

1#BBCACD

2#BCC9CC

3#BDC9CB

4#BEC8CA

5#BFC7C9

6#C0C7C8

7#C1C6C7

8#C2C6C6

9#C3C5C5

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	EAEF `#EAEFF0`	Light backgroundsTable row hoverSkeleton loading
200	D8E1 `#D8E1E3`	Secondary backgroundsInput backgroundsDividers
300	BACA `#BACACE`	BordersInactive statesPlaceholder text
400	97AF `#97AFB5`	Disabled statesSecondary iconsMuted text
500	7998 `#7998A0`	Primary brand colorCTAsActive elementsLinks
600	5D7C `#5D7C83`	Hover statesFocus ringsPrimary buttons hover
700	4A62 `#4A6268`	Active/pressed statesDark mode accentsSecondary text
800	3546 `#35464B`	Text on light backgroundsHeadingsStrong borders
900	222D `#222D30`	Primary textHigh emphasis contentDark headings
950	151C `#151C1E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAEFF0;
  --silver-200: #D8E1E3;
  --silver-300: #BACACE;
  --silver-400: #97AFB5;
  --silver-500: #7998A0;
  --silver-600: #5D7C83;
  --silver-700: #4A6268;
  --silver-800: #35464B;
  --silver-900: #222D30;
  --silver-950: #151C1E;
}

Generate More Shades Create Palette Convert Color