Silver

#ADC7DC

Blue

Color Codes

All color formats for development

HEX

#ADC7DC

RGB

rgb(173, 199, 220)

HSL

hsl(207, 40%, 77%)

OKLCH

oklch(0.817 0.041 242.5)

CMYK

cmyk(21%, 10%, 0%, 14%)

Accessibility

WCAG contrast compliance

On White Background

1.75:1

AA ✗AAA ✗

On Black Background

11.98:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F8

100

#E6EE

200

#D1DF

300

#ADC7

400

#82A9

500

#5E91

600

#4375

700

#365D

800

#2642

900

#182A

950

#0F1B

Shades

Darker variations

1#91B4D0

2#76A1C4

3#5A8EB8

4#477BA5

5#3B6689

6#2F526E

7#233D52

8#182937

9#0C141B

Tints

Lighter variations

1#B5CCDF

2#BDD2E3

3#C6D8E6

4#CEDDEA

5#D6E3ED

6#DEE8F1

7#E6EEF4

8#EFF4F8

9#F7F9FB

Tones

Muted variations

1#AFC6D9

2#B2C6D7

3#B4C6D5

4#B6C6D2

5#B9C6D0

6#BBC5CE

7#BDC5CB

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	E6EE `#E6EEF4`	Light backgroundsTable row hoverSkeleton loading
200	D1DF `#D1DFEB`	Secondary backgroundsInput backgroundsDividers
300	ADC7 `#ADC7DC`	BordersInactive statesPlaceholder text
400	82A9 `#82A9C9`	Disabled statesSecondary iconsMuted text
500	5E91 `#5E91BA`	Primary brand colorCTAsActive elementsLinks
600	4375 `#43759D`	Hover statesFocus ringsPrimary buttons hover
700	365D `#365D7D`	Active/pressed statesDark mode accentsSecondary text
800	2642 `#264259`	Text on light backgroundsHeadingsStrong borders
900	182A `#182A39`	Primary textHigh emphasis contentDark headings
950	0F1B `#0F1B24`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F8FA;
  --silver-100: #E6EEF4;
  --silver-200: #D1DFEB;
  --silver-300: #ADC7DC;
  --silver-400: #82A9C9;
  --silver-500: #5E91BA;
  --silver-600: #43759D;
  --silver-700: #365D7D;
  --silver-800: #264259;
  --silver-900: #182A39;
  --silver-950: #0F1B24;
}

Generate More Shades Create Palette Convert Color