Silver

#ADB6DC

Blue

Color Codes

All color formats for development

HEX

#ADB6DC

RGB

rgb(173, 182, 220)

HSL

hsl(229, 40%, 77%)

OKLCH

oklch(0.782 0.055 274.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.00:1

AA ✗AAA ✗

On Black Background

10.50:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F5

100

#E6E9

200

#D1D5

300

#ADB5

400

#828F

500

#5E6F

600

#4354

700

#3643

800

#2630

900

#181E

950

#0F13

Shades

Darker variations

1#919DD0

2#7684C4

3#5A6CB8

4#4758A5

5#3B4989

6#2F3B6E

7#232C52

8#181D37

9#0C0F1B

Tints

Lighter variations

1#B5BDDF

2#BDC4E3

3#C6CCE6

4#CED3EA

5#D6DAED

6#DEE2F1

7#E6E9F4

8#EFF0F8

9#F7F8FB

Tones

Muted variations

1#AFB7D9

2#B2B8D7

3#B4BAD5

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	E6E9 `#E6E9F4`	Light backgroundsTable row hoverSkeleton loading
200	D1D5 `#D1D5EB`	Secondary backgroundsInput backgroundsDividers
300	ADB5 `#ADB5DC`	BordersInactive statesPlaceholder text
400	828F `#828FC9`	Disabled statesSecondary iconsMuted text
500	5E6F `#5E6FBA`	Primary brand colorCTAsActive elementsLinks
600	4354 `#43549D`	Hover statesFocus ringsPrimary buttons hover
700	3643 `#36437D`	Active/pressed statesDark mode accentsSecondary text
800	2630 `#263059`	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: #E6E9F4;
  --silver-200: #D1D5EB;
  --silver-300: #ADB5DC;
  --silver-400: #828FC9;
  --silver-500: #5E6FBA;
  --silver-600: #43549D;
  --silver-700: #36437D;
  --silver-800: #263059;
  --silver-900: #181E39;
  --silver-950: #0F1324;
}

Generate More Shades Create Palette Convert Color