Silver

#ADB5DC

Blue

Color Codes

All color formats for development

HEX

#ADB5DC

RGB

rgb(173, 181, 220)

HSL

hsl(230, 40%, 77%)

OKLCH

oklch(0.78 0.056 275.9)

CMYK

cmyk(21%, 18%, 0%, 14%)

Accessibility

WCAG contrast compliance

On White Background

2.02:1

AA ✗AAA ✗

On Black Background

10.42:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F5

100

#E6E8

200

#D1D5

300

#ADB5

400

#828E

500

#5E6E

600

#4352

700

#3641

800

#262F

900

#181E

950

#0F13

Shades

Darker variations

1#919CD0

2#7683C4

3#5A6AB8

4#4756A5

5#3B4889

6#2F3A6E

7#232B52

8#181D37

9#0C0E1B

Tints

Lighter variations

1#B5BCDF

2#BDC4E3

3#C6CBE6

4#CED2EA

5#D6DAED

6#DEE1F1

7#E6E9F4

8#EFF0F8

9#F7F8FB

Tones

Muted variations

1#AFB6D9

2#B2B8D7

3#B4B9D5

4#B6BBD2

5#B9BDD0

6#BBBECE

7#BDC0CB

8#C0C1C9

9#C2C3C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F5 `#F4F5FA`	BackgroundsSubtle highlightsCard backgrounds
100	E6E8 `#E6E8F4`	Light backgroundsTable row hoverSkeleton loading
200	D1D5 `#D1D5EB`	Secondary backgroundsInput backgroundsDividers
300	ADB5 `#ADB5DC`	BordersInactive statesPlaceholder text
400	828E `#828EC9`	Disabled statesSecondary iconsMuted text
500	5E6E `#5E6EBA`	Primary brand colorCTAsActive elementsLinks
600	4352 `#43529D`	Hover statesFocus ringsPrimary buttons hover
700	3641 `#36417D`	Active/pressed statesDark mode accentsSecondary text
800	262F `#262F59`	Text on light backgroundsHeadingsStrong borders
900	181E `#181E39`	Primary textHigh emphasis contentDark headings
950	0F13 `#0F1324`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F5FA;
  --silver-100: #E6E8F4;
  --silver-200: #D1D5EB;
  --silver-300: #ADB5DC;
  --silver-400: #828EC9;
  --silver-500: #5E6EBA;
  --silver-600: #43529D;
  --silver-700: #36417D;
  --silver-800: #262F59;
  --silver-900: #181E39;
  --silver-950: #0F1324;
}

Generate More Shades Create Palette Convert Color