Silver

#BAC9CF

Blue

Color Codes

All color formats for development

HEX

#BAC9CF

RGB

rgb(186, 201, 207)

HSL

hsl(197, 18%, 77%)

OKLCH

oklch(0.826 0.018 223.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.70:1

AA ✗AAA ✗

On Black Background

12.34:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAEF

200

#D8E0

300

#BAC9

400

#96AD

500

#7895

600

#5C79

700

#4960

800

#3445

900

#212C

950

#151B

Shades

Darker variations

1#A3B7BF

2#8BA5AF

3#74939F

4#617F8B

5#516A74

6#40555D

7#303F46

8#202A2E

9#101517

Tints

Lighter variations

1#C1CED4

2#C8D4D9

3#CFD9DD

4#D5DFE2

5#DCE4E7

6#E3E9EC

7#EAEFF1

8#F1F4F5

9#F8FAFA

Tones

Muted variations

1#BBC8CE

2#BCC8CD

3#BDC8CC

4#BEC7CB

5#BFC7CA

6#C0C6C9

7#C1C6C8

8#C2C5C6

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	D8E0 `#D8E0E4`	Secondary backgroundsInput backgroundsDividers
300	BAC9 `#BAC9CF`	BordersInactive statesPlaceholder text
400	96AD `#96ADB6`	Disabled statesSecondary iconsMuted text
500	7895 `#7895A1`	Primary brand colorCTAsActive elementsLinks
600	5C79 `#5C7984`	Hover statesFocus ringsPrimary buttons hover
700	4960 `#496069`	Active/pressed statesDark mode accentsSecondary text
800	3445 `#34454B`	Text on light backgroundsHeadingsStrong borders
900	212C `#212C30`	Primary textHigh emphasis contentDark headings
950	151B `#151B1E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAEFF0;
  --silver-200: #D8E0E4;
  --silver-300: #BAC9CF;
  --silver-400: #96ADB6;
  --silver-500: #7895A1;
  --silver-600: #5C7984;
  --silver-700: #496069;
  --silver-800: #34454B;
  --silver-900: #212C30;
  --silver-950: #151B1E;
}

Generate More Shades Create Palette Convert Color