Silver

#95A8B7

Blue

Color Codes

All color formats for development

HEX

#95A8B7

RGB

rgb(149, 168, 183)

HSL

hsl(206, 19%, 65%)

OKLCH

oklch(0.722 0.031 241.8)

CMYK

cmyk(19%, 8%, 0%, 28%)

Accessibility

WCAG contrast compliance

On White Background

2.45:1

AA ✗AAA ✗

On Black Background

8.56:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAEE

200

#D8DF

300

#B9C6

400

#95A8

500

#768F

600

#5B73

700

#485C

800

#3441

900

#212A

950

#151A

Shades

Darker variations

1#8198A9

2#6D889C

3#5E778A

4#516676

5#435563

6#36444F

7#28333B

8#1B2227

9#0D1114

Tints

Lighter variations

1#9FB1BE

2#AAB9C5

3#B5C2CC

4#BFCBD4

5#CAD4DB

6#D5DCE2

7#DFE5E9

8#EAEEF1

9#F4F6F8

Tones

Muted variations

1#96A8B5

2#98A8B3

3#9AA7B2

4#9CA7B0

5#9DA7AE

6#9FA7AD

7#A1A6AB

8#A2A6A9

9#A4A6A7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F9`	BackgroundsSubtle highlightsCard backgrounds
100	EAEE `#EAEEF1`	Light backgroundsTable row hoverSkeleton loading
200	D8DF `#D8DFE4`	Secondary backgroundsInput backgroundsDividers
300	B9C6 `#B9C6CF`	BordersInactive statesPlaceholder text
400	95A8 `#95A8B7`	Disabled statesSecondary iconsMuted text
500	768F `#768FA2`	Primary brand colorCTAsActive elementsLinks
600	5B73 `#5B7386`	Hover statesFocus ringsPrimary buttons hover
700	485C `#485C6A`	Active/pressed statesDark mode accentsSecondary text
800	3441 `#34414C`	Text on light backgroundsHeadingsStrong borders
900	212A `#212A31`	Primary textHigh emphasis contentDark headings
950	151A `#151A1E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAEEF1;
  --silver-200: #D8DFE4;
  --silver-300: #B9C6CF;
  --silver-400: #95A8B7;
  --silver-500: #768FA2;
  --silver-600: #5B7386;
  --silver-700: #485C6A;
  --silver-800: #34414C;
  --silver-900: #212A31;
  --silver-950: #151A1E;
}

Generate More Shades Create Palette Convert Color