Silver

#ABB2DE

Blue

Color Codes

All color formats for development

HEX

#ABB2DE

RGB

rgb(171, 178, 222)

HSL

hsl(232, 44%, 77%)

OKLCH

oklch(0.773 0.063 277.7)

CMYK

cmyk(23%, 20%, 0%, 13%)

Accessibility

WCAG contrast compliance

On White Background

2.07:1

AA ✗AAA ✗

On Black Background

10.15:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F5

100

#E5E7

200

#CFD3

300

#ABB1

400

#7E89

500

#5A67

600

#3F4C

700

#323C

800

#242B

900

#171C

950

#0E11

Shades

Darker variations

1#8E97D3

2#727DC8

3#5664BD

4#4250AA

5#37428D

6#2C3571

7#212855

8#161B39

9#0B0D1C

Tints

Lighter variations

1#B3B9E1

2#BBC1E5

3#C4C9E8

4#CCD0EB

5#D5D8EF

6#DDE0F2

7#E6E8F5

8#EEEFF8

9#F7F7FC

Tones

Muted variations

1#ADB3DC

2#B0B5D9

3#B2B7D6

4#B5B9D4

5#B7BBD1

6#BABDCF

7#BDBFCC

8#BFC1CA

9#C2C2C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F5 `#F4F5FB`	BackgroundsSubtle highlightsCard backgrounds
100	E5E7 `#E5E7F5`	Light backgroundsTable row hoverSkeleton loading
200	CFD3 `#CFD3EC`	Secondary backgroundsInput backgroundsDividers
300	ABB1 `#ABB1DE`	BordersInactive statesPlaceholder text
400	7E89 `#7E89CD`	Disabled statesSecondary iconsMuted text
500	5A67 `#5A67BF`	Primary brand colorCTAsActive elementsLinks
600	3F4C `#3F4CA2`	Hover statesFocus ringsPrimary buttons hover
700	323C `#323C81`	Active/pressed statesDark mode accentsSecondary text
800	242B `#242B5C`	Text on light backgroundsHeadingsStrong borders
900	171C `#171C3B`	Primary textHigh emphasis contentDark headings
950	0E11 `#0E1125`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F5FB;
  --silver-100: #E5E7F5;
  --silver-200: #CFD3EC;
  --silver-300: #ABB1DE;
  --silver-400: #7E89CD;
  --silver-500: #5A67BF;
  --silver-600: #3F4CA2;
  --silver-700: #323C81;
  --silver-800: #242B5C;
  --silver-900: #171C3B;
  --silver-950: #0E1125;
}

Generate More Shades Create Palette Convert Color