Silver

#ACCADC

Blue

Color Codes

All color formats for development

HEX

#ACCADC

RGB

rgb(172, 202, 220)

HSL

hsl(203, 41%, 77%)

OKLCH

oklch(0.823 0.041 234.3)

CMYK

cmyk(22%, 8%, 0%, 14%)

Accessibility

WCAG contrast compliance

On White Background

1.72:1

AA ✗AAA ✗

On Black Background

12.24:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F8

100

#E6EF

200

#D0E1

300

#ACCA

400

#81AE

500

#5D97

600

#427B

700

#3562

800

#2646

900

#182D

950

#0F1C

Shades

Darker variations

1#91B8D1

2#75A6C5

3#5995BA

4#4681A6

5#3A6C8A

6#2E566F

7#234153

8#172B37

9#0C161C

Tints

Lighter variations

1#B5CFE0

2#BDD5E3

3#C5DAE7

4#CDDFEA

5#D6E4EE

6#DEEAF1

7#E6EFF5

8#EEF4F8

9#F7FAFC

Tones

Muted variations

1#AFC9DA

2#B1C9D8

3#B4C8D5

4#B6C8D3

5#B8C7D0

6#BBC7CE

7#BDC6CC

8#C0C5C9

9#C2C5C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F8 `#F4F8FA`	BackgroundsSubtle highlightsCard backgrounds
100	E6EF `#E6EFF4`	Light backgroundsTable row hoverSkeleton loading
200	D0E1 `#D0E1EB`	Secondary backgroundsInput backgroundsDividers
300	ACCA `#ACCADC`	BordersInactive statesPlaceholder text
400	81AE `#81AECA`	Disabled statesSecondary iconsMuted text
500	5D97 `#5D97BB`	Primary brand colorCTAsActive elementsLinks
600	427B `#427B9E`	Hover statesFocus ringsPrimary buttons hover
700	3562 `#35627E`	Active/pressed statesDark mode accentsSecondary text
800	2646 `#26465A`	Text on light backgroundsHeadingsStrong borders
900	182D `#182D3A`	Primary textHigh emphasis contentDark headings
950	0F1C `#0F1C24`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F8FA;
  --silver-100: #E6EFF4;
  --silver-200: #D0E1EB;
  --silver-300: #ACCADC;
  --silver-400: #81AECA;
  --silver-500: #5D97BB;
  --silver-600: #427B9E;
  --silver-700: #35627E;
  --silver-800: #26465A;
  --silver-900: #182D3A;
  --silver-950: #0F1C24;
}

Generate More Shades Create Palette Convert Color