Silver

#8E9DBE

Blue

Color Codes

All color formats for development

HEX

#8E9DBE

RGB

rgb(142, 157, 190)

HSL

hsl(221, 27%, 65%)

OKLCH

oklch(0.696 0.052 265.8)

CMYK

cmyk(25%, 17%, 0%, 25%)

Accessibility

WCAG contrast compliance

On White Background

2.72:1

AA ✗AAA ✗

On Black Background

7.72:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F7

100

#E8EB

200

#D5DB

300

#B5BF

400

#8E9D

500

#6D81

600

#5265

700

#4150

800

#2F39

900

#1E25

950

#1317

Shades

Darker variations

1#798BB2

2#6478A6

3#556993

4#495A7E

5#3C4B69

6#303C54

7#242D3F

8#181E2A

9#0C0F15

Tints

Lighter variations

1#99A7C4

2#A4B1CB

3#B0BAD1

4#BBC4D8

5#C6CEDE

6#D2D8E5

7#DDE2EB

8#E8EBF2

9#F4F5F8

Tones

Muted variations

1#909EBB

2#929FB9

3#95A0B7

4#97A0B4

5#9AA1B2

6#9CA2AF

7#9FA3AD

8#A1A4AB

9#A3A5A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F7 `#F5F7F9`	BackgroundsSubtle highlightsCard backgrounds
100	E8EB `#E8EBF2`	Light backgroundsTable row hoverSkeleton loading
200	D5DB `#D5DBE7`	Secondary backgroundsInput backgroundsDividers
300	B5BF `#B5BFD4`	BordersInactive statesPlaceholder text
400	8E9D `#8E9DBE`	Disabled statesSecondary iconsMuted text
500	6D81 `#6D81AB`	Primary brand colorCTAsActive elementsLinks
600	5265 `#52658E`	Hover statesFocus ringsPrimary buttons hover
700	4150 `#415071`	Active/pressed statesDark mode accentsSecondary text
800	2F39 `#2F3951`	Text on light backgroundsHeadingsStrong borders
900	1E25 `#1E2534`	Primary textHigh emphasis contentDark headings
950	1317 `#131720`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F7F9;
  --silver-100: #E8EBF2;
  --silver-200: #D5DBE7;
  --silver-300: #B5BFD4;
  --silver-400: #8E9DBE;
  --silver-500: #6D81AB;
  --silver-600: #52658E;
  --silver-700: #415071;
  --silver-800: #2F3951;
  --silver-900: #1E2534;
  --silver-950: #131720;
}

Generate More Shades Create Palette Convert Color