Silver

#ADC6DB

Blue

Color Codes

All color formats for development

HEX

#ADC6DB

RGB

rgb(173, 198, 219)

HSL

hsl(207, 39%, 77%)

OKLCH

oklch(0.815 0.04 243.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.77:1

AA ✗AAA ✗

On Black Background

11.88: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

#83A9

500

#5F91

600

#4475

700

#365D

800

#2742

900

#192A

950

#101A

Shades

Darker variations

1#92B4CF

2#77A1C3

3#5C8EB7

4#487AA4

5#3C6688

6#30526D

7#243D52

8#182937

9#0C141B

Tints

Lighter variations

1#B6CCDF

2#BED2E2

3#C6D8E6

4#CEDDEA

5#D6E3ED

6#DEE8F1

7#E7EEF4

8#EFF4F8

9#F7F9FB

Tones

Muted variations

1#B0C6D9

2#B2C6D7

3#B4C6D4

4#B7C6D2

5#B9C5D0

6#BBC5CD

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 `#ADC7DB`	BordersInactive statesPlaceholder text
400	83A9 `#83A9C9`	Disabled statesSecondary iconsMuted text
500	5F91 `#5F91B9`	Primary brand colorCTAsActive elementsLinks
600	4475 `#44759C`	Hover statesFocus ringsPrimary buttons hover
700	365D `#365D7C`	Active/pressed statesDark mode accentsSecondary text
800	2742 `#274259`	Text on light backgroundsHeadingsStrong borders
900	192A `#192A39`	Primary textHigh emphasis contentDark headings
950	101A `#101A23`	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: #ADC7DB;
  --silver-400: #83A9C9;
  --silver-500: #5F91B9;
  --silver-600: #44759C;
  --silver-700: #365D7C;
  --silver-800: #274259;
  --silver-900: #192A39;
  --silver-950: #101A23;
}

Generate More Shades Create Palette Convert Color