Silver

#ADB5DB

Blue

Color Codes

All color formats for development

HEX

#ADB5DB

RGB

rgb(173, 181, 219)

HSL

hsl(230, 39%, 77%)

OKLCH

oklch(0.78 0.055 275.7)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.02:1

AA ✗AAA ✗

On Black Background

10.41: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

#838F

500

#5F6E

600

#4453

700

#3642

800

#272F

900

#191E

950

#1013

Shades

Darker variations

1#929CCF

2#7784C3

3#5C6BB7

4#4857A4

5#3C4988

6#303A6D

7#242C52

8#181D37

9#0C0F1B

Tints

Lighter variations

1#B6BCDF

2#BEC4E2

3#C6CBE6

4#CED3EA

5#D6DAED

6#DEE1F1

7#E7E9F4

8#EFF0F8

9#F7F8FB

Tones

Muted variations

1#B0B7D9

2#B2B8D7

3#B4BAD4

4#B7BBD2

5#B9BDD0

6#BBBECD

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 `#ADB5DB`	BordersInactive statesPlaceholder text
400	838F `#838FC9`	Disabled statesSecondary iconsMuted text
500	5F6E `#5F6EB9`	Primary brand colorCTAsActive elementsLinks
600	4453 `#44539C`	Hover statesFocus ringsPrimary buttons hover
700	3642 `#36427C`	Active/pressed statesDark mode accentsSecondary text
800	272F `#272F59`	Text on light backgroundsHeadingsStrong borders
900	191E `#191E39`	Primary textHigh emphasis contentDark headings
950	1013 `#101323`	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: #ADB5DB;
  --silver-400: #838FC9;
  --silver-500: #5F6EB9;
  --silver-600: #44539C;
  --silver-700: #36427C;
  --silver-800: #272F59;
  --silver-900: #191E39;
  --silver-950: #101323;
}

Generate More Shades Create Palette Convert Color