Silver

#ADAFDC

Blue

Color Codes

All color formats for development

HEX

#ADAFDC

RGB

rgb(173, 175, 220)

HSL

hsl(237, 40%, 77%)

OKLCH

oklch(0.768 0.064 282.8)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.11:1

AA ✗AAA ✗

On Black Background

9.94:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F5

100

#E6E7

200

#D1D2

300

#ADAF

400

#8286

500

#5E63

600

#4348

700

#3639

800

#2629

900

#181A

950

#0F10

Shades

Darker variations

1#9195D0

2#767AC4

3#5A5FB8

4#474BA5

5#3B3F89

6#2F326E

7#232652

8#181937

9#0C0D1B

Tints

Lighter variations

1#B5B7DF

2#BDBFE3

3#C6C7E6

4#CECFEA

5#D6D7ED

6#DEDFF1

7#E6E7F4

8#EFEFF8

9#F7F7FB

Tones

Muted variations

1#AFB1D9

2#B2B3D7

3#B4B6D5

4#B6B8D2

5#B9BAD0

6#BBBCCE

7#BDBECB

8#C0C0C9

9#C2C2C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F5 `#F4F5FA`	BackgroundsSubtle highlightsCard backgrounds
100	E6E7 `#E6E7F4`	Light backgroundsTable row hoverSkeleton loading
200	D1D2 `#D1D2EB`	Secondary backgroundsInput backgroundsDividers
300	ADAF `#ADAFDC`	BordersInactive statesPlaceholder text
400	8286 `#8286C9`	Disabled statesSecondary iconsMuted text
500	5E63 `#5E63BA`	Primary brand colorCTAsActive elementsLinks
600	4348 `#43489D`	Hover statesFocus ringsPrimary buttons hover
700	3639 `#36397D`	Active/pressed statesDark mode accentsSecondary text
800	2629 `#262959`	Text on light backgroundsHeadingsStrong borders
900	181A `#181A39`	Primary textHigh emphasis contentDark headings
950	0F10 `#0F1024`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F5FA;
  --silver-100: #E6E7F4;
  --silver-200: #D1D2EB;
  --silver-300: #ADAFDC;
  --silver-400: #8286C9;
  --silver-500: #5E63BA;
  --silver-600: #43489D;
  --silver-700: #36397D;
  --silver-800: #262959;
  --silver-900: #181A39;
  --silver-950: #0F1024;
}

Generate More Shades Create Palette Convert Color