Silver

#AAADDF

Blue

Color Codes

All color formats for development

HEX

#AAADDF

RGB

rgb(170, 173, 223)

HSL

hsl(237, 45%, 77%)

OKLCH

oklch(0.763 0.072 281.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.15:1

AA ✗AAA ✗

On Black Background

9.75:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F4

100

#E5E6

200

#CFD0

300

#AAAD

400

#7E82

500

#595E

600

#3E43

700

#3135

800

#2326

900

#1618

950

#0E0F

Shades

Darker variations

1#8D91D4

2#7175C9

3#555ABE

4#4146AB

5#363A8E

6#2B2F72

7#202355

8#161739

9#0B0C1C

Tints

Lighter variations

1#B2B5E2

2#BBBDE5

3#C3C5E8

4#CCCEEC

5#D4D6EF

6#DDDEF2

7#E5E6F5

8#EEEFF9

9#F6F7FC

Tones

Muted variations

1#ADAFDC

2#AFB1D9

3#B2B4D7

4#B5B6D4

5#B7B8D2

6#BABBCF

7#BCBDCC

8#BFC0CA

9#C2C2C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F4 `#F4F4FB`	BackgroundsSubtle highlightsCard backgrounds
100	E5E6 `#E5E6F5`	Light backgroundsTable row hoverSkeleton loading
200	CFD0 `#CFD0ED`	Secondary backgroundsInput backgroundsDividers
300	AAAD `#AAADDF`	BordersInactive statesPlaceholder text
400	7E82 `#7E82CE`	Disabled statesSecondary iconsMuted text
500	595E `#595EC0`	Primary brand colorCTAsActive elementsLinks
600	3E43 `#3E43A3`	Hover statesFocus ringsPrimary buttons hover
700	3135 `#313581`	Active/pressed statesDark mode accentsSecondary text
800	2326 `#23265C`	Text on light backgroundsHeadingsStrong borders
900	1618 `#16183B`	Primary textHigh emphasis contentDark headings
950	0E0F `#0E0F25`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F4FB;
  --silver-100: #E5E6F5;
  --silver-200: #CFD0ED;
  --silver-300: #AAADDF;
  --silver-400: #7E82CE;
  --silver-500: #595EC0;
  --silver-600: #3E43A3;
  --silver-700: #313581;
  --silver-800: #23265C;
  --silver-900: #16183B;
  --silver-950: #0E0F25;
}

Generate More Shades Create Palette Convert Color