Silver

#ADB2DB

Blue

Color Codes

All color formats for development

HEX

#ADB2DB

RGB

rgb(173, 178, 219)

HSL

hsl(233, 39%, 77%)

OKLCH

oklch(0.774 0.059 279.5)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.07:1

AA ✗AAA ✗

On Black Background

10.17:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F5

100

#E6E8

200

#D1D4

300

#ADB3

400

#838B

500

#5F6A

600

#444F

700

#363F

800

#272D

900

#191D

950

#1012

Shades

Darker variations

1#9299CF

2#7780C3

3#5C66B7

4#4853A4

5#3C4588

6#30376D

7#242952

8#181C37

9#0C0E1B

Tints

Lighter variations

1#B6BADF

2#BEC2E2

3#C6CAE6

4#CED1EA

5#D6D9ED

6#DEE1F1

7#E7E8F4

8#EFF0F8

9#F7F7FB

Tones

Muted variations

1#B0B5D9

2#B2B6D7

3#B4B8D4

4#B7BAD2

5#B9BCD0

6#BBBDCD

7#BDBFCB

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	D1D4 `#D1D4EB`	Secondary backgroundsInput backgroundsDividers
300	ADB3 `#ADB3DB`	BordersInactive statesPlaceholder text
400	838B `#838BC9`	Disabled statesSecondary iconsMuted text
500	5F6A `#5F6AB9`	Primary brand colorCTAsActive elementsLinks
600	444F `#444F9C`	Hover statesFocus ringsPrimary buttons hover
700	363F `#363F7C`	Active/pressed statesDark mode accentsSecondary text
800	272D `#272D59`	Text on light backgroundsHeadingsStrong borders
900	191D `#191D39`	Primary textHigh emphasis contentDark headings
950	1012 `#101223`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F5FA;
  --silver-100: #E6E8F4;
  --silver-200: #D1D4EB;
  --silver-300: #ADB3DB;
  --silver-400: #838BC9;
  --silver-500: #5F6AB9;
  --silver-600: #444F9C;
  --silver-700: #363F7C;
  --silver-800: #272D59;
  --silver-900: #191D39;
  --silver-950: #101223;
}

Generate More Shades Create Palette Convert Color