Silver

#A9C0DF

Blue

Color Codes

All color formats for development

HEX

#A9C0DF

RGB

rgb(169, 192, 223)

HSL

hsl(214, 46%, 77%)

OKLCH

oklch(0.801 0.051 255.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.86:1

AA ✗AAA ✗

On Black Background

11.29:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F7

100

#E5EC

200

#CFDC

300

#A9C1

400

#7DA0

500

#5785

600

#3D69

700

#3054

800

#223C

900

#1626

950

#0E18

Shades

Darker variations

1#8DACD5

2#7097CA

3#5382C0

4#406FAC

5#355C8F

6#2A4A73

7#203756

8#152539

9#0B121D

Tints

Lighter variations

1#B2C7E2

2#BACDE6

3#C3D3E9

4#CCDAEC

5#D4E0EF

6#DDE6F2

7#E5ECF5

8#EEF3F9

9#F6F9FC

Tones

Muted variations

1#ACC1DD

2#AFC1DA

3#B1C2D7

4#B4C2D5

5#B7C3D2

6#BAC3CF

7#BCC3CC

8#BFC4CA

9#C2C4C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F7 `#F4F7FB`	BackgroundsSubtle highlightsCard backgrounds
100	E5EC `#E5ECF5`	Light backgroundsTable row hoverSkeleton loading
200	CFDC `#CFDCED`	Secondary backgroundsInput backgroundsDividers
300	A9C1 `#A9C1DF`	BordersInactive statesPlaceholder text
400	7DA0 `#7DA0CF`	Disabled statesSecondary iconsMuted text
500	5785 `#5785C1`	Primary brand colorCTAsActive elementsLinks
600	3D69 `#3D69A4`	Hover statesFocus ringsPrimary buttons hover
700	3054 `#305482`	Active/pressed statesDark mode accentsSecondary text
800	223C `#223C5D`	Text on light backgroundsHeadingsStrong borders
900	1626 `#16263C`	Primary textHigh emphasis contentDark headings
950	0E18 `#0E1825`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F7FB;
  --silver-100: #E5ECF5;
  --silver-200: #CFDCED;
  --silver-300: #A9C1DF;
  --silver-400: #7DA0CF;
  --silver-500: #5785C1;
  --silver-600: #3D69A4;
  --silver-700: #305482;
  --silver-800: #223C5D;
  --silver-900: #16263C;
  --silver-950: #0E1825;
}

Generate More Shades Create Palette Convert Color