Silver

#ACCCDD

Blue

Color Codes

All color formats for development

HEX

#ACCCDD

RGB

rgb(172, 204, 221)

HSL

hsl(201, 42%, 77%)

OKLCH

oklch(0.827 0.042 231.1)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.69:1

AA ✗AAA ✗

On Black Background

12.44:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F8

100

#E6EF

200

#D0E2

300

#ACCC

400

#80B1

500

#5C9B

600

#417E

700

#3464

800

#2548

900

#182E

950

#0F1D

Shades

Darker variations

1#90BBD2

2#74A9C6

3#5898BB

4#4485A7

5#396F8B

6#2E5870

7#224254

8#172C38

9#0B161C

Tints

Lighter variations

1#B4D1E0

2#BCD6E4

3#C5DBE7

4#CDE0EB

5#D5E5EE

6#DEEAF1

7#E6F0F5

8#EEF5F8

9#F7FAFC

Tones

Muted variations

1#AECBDB

2#B1CAD8

3#B3CAD6

4#B6C9D3

5#B8C8D1

6#BAC7CE

7#BDC7CC

8#BFC6C9

9#C2C5C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F8 `#F4F8FB`	BackgroundsSubtle highlightsCard backgrounds
100	E6EF `#E6EFF5`	Light backgroundsTable row hoverSkeleton loading
200	D0E2 `#D0E2EC`	Secondary backgroundsInput backgroundsDividers
300	ACCC `#ACCCDD`	BordersInactive statesPlaceholder text
400	80B1 `#80B1CB`	Disabled statesSecondary iconsMuted text
500	5C9B `#5C9BBC`	Primary brand colorCTAsActive elementsLinks
600	417E `#417E9F`	Hover statesFocus ringsPrimary buttons hover
700	3464 `#34647F`	Active/pressed statesDark mode accentsSecondary text
800	2548 `#25485B`	Text on light backgroundsHeadingsStrong borders
900	182E `#182E3A`	Primary textHigh emphasis contentDark headings
950	0F1D `#0F1D24`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F8FB;
  --silver-100: #E6EFF5;
  --silver-200: #D0E2EC;
  --silver-300: #ACCCDD;
  --silver-400: #80B1CB;
  --silver-500: #5C9BBC;
  --silver-600: #417E9F;
  --silver-700: #34647F;
  --silver-800: #25485B;
  --silver-900: #182E3A;
  --silver-950: #0F1D24;
}

Generate More Shades Create Palette Convert Color