Silver

#AAB6DF

Blue

Color Codes

All color formats for development

HEX

#AAB6DF

RGB

rgb(170, 182, 223)

HSL

hsl(226, 45%, 77%)

OKLCH

oklch(0.781 0.06 272.2)

CMYK

cmyk(24%, 18%, 0%, 13%)

Accessibility

WCAG contrast compliance

On White Background

2.01:1

AA ✗AAA ✗

On Black Background

10.47:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F6

100

#E5E9

200

#CFD6

300

#AAB6

400

#7E90

500

#5971

600

#3E55

700

#3144

800

#2330

900

#161F

950

#0E13

Shades

Darker variations

1#8D9ED4

2#7186C9

3#556DBE

4#415AAB

5#364B8E

6#2B3C72

7#202D55

8#161E39

9#0B0F1C

Tints

Lighter variations

1#B2BEE2

2#BBC5E5

3#C3CCE8

4#CCD3EC

5#D4DBEF

6#DDE2F2

7#E5E9F5

8#EEF0F9

9#F6F8FC

Tones

Muted variations

1#ADB8DC

2#AFB9D9

3#B2BAD7

4#B5BCD4

5#B7BDD2

6#BABFCF

7#BCC0CC

8#BFC2CA

9#C2C3C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F6 `#F4F6FB`	BackgroundsSubtle highlightsCard backgrounds
100	E5E9 `#E5E9F5`	Light backgroundsTable row hoverSkeleton loading
200	CFD6 `#CFD6ED`	Secondary backgroundsInput backgroundsDividers
300	AAB6 `#AAB6DF`	BordersInactive statesPlaceholder text
400	7E90 `#7E90CE`	Disabled statesSecondary iconsMuted text
500	5971 `#5971C0`	Primary brand colorCTAsActive elementsLinks
600	3E55 `#3E55A3`	Hover statesFocus ringsPrimary buttons hover
700	3144 `#314481`	Active/pressed statesDark mode accentsSecondary text
800	2330 `#23305C`	Text on light backgroundsHeadingsStrong borders
900	161F `#161F3B`	Primary textHigh emphasis contentDark headings
950	0E13 `#0E1325`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F6FB;
  --silver-100: #E5E9F5;
  --silver-200: #CFD6ED;
  --silver-300: #AAB6DF;
  --silver-400: #7E90CE;
  --silver-500: #5971C0;
  --silver-600: #3E55A3;
  --silver-700: #314481;
  --silver-800: #23305C;
  --silver-900: #161F3B;
  --silver-950: #0E1325;
}

Generate More Shades Create Palette Convert Color