Silver

#ADBCDC

Blue

Color Codes

All color formats for development

HEX

#ADBCDC

RGB

rgb(173, 188, 220)

HSL

hsl(221, 40%, 77%)

OKLCH

oklch(0.794 0.048 265.4)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.91:1

AA ✗AAA ✗

On Black Background

11.00:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4F6

100

#E6EB

200

#D1D9

300

#ADBC

400

#8299

500

#5E7B

600

#4360

700

#364C

800

#2636

900

#1823

950

#0F16

Shades

Darker variations

1#91A5D0

2#768FC4

3#5A78B8

4#4765A5

5#3B5489

6#2F436E

7#233252

8#182237

9#0C111B

Tints

Lighter variations

1#B5C2DF

2#BDC9E3

3#C6D0E6

4#CED7EA

5#D6DDED

6#DEE4F1

7#E6EBF4

8#EFF2F8

9#F7F8FB

Tones

Muted variations

1#AFBDD9

2#B2BDD7

3#B4BED5

4#B6BFD2

5#B9C0D0

6#BBC1CE

7#BDC2CB

8#C0C3C9

9#C2C3C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4F6 `#F4F6FA`	BackgroundsSubtle highlightsCard backgrounds
100	E6EB `#E6EBF4`	Light backgroundsTable row hoverSkeleton loading
200	D1D9 `#D1D9EB`	Secondary backgroundsInput backgroundsDividers
300	ADBC `#ADBCDC`	BordersInactive statesPlaceholder text
400	8299 `#8299C9`	Disabled statesSecondary iconsMuted text
500	5E7B `#5E7BBA`	Primary brand colorCTAsActive elementsLinks
600	4360 `#43609D`	Hover statesFocus ringsPrimary buttons hover
700	364C `#364C7D`	Active/pressed statesDark mode accentsSecondary text
800	2636 `#263659`	Text on light backgroundsHeadingsStrong borders
900	1823 `#182339`	Primary textHigh emphasis contentDark headings
950	0F16 `#0F1624`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4F6FA;
  --silver-100: #E6EBF4;
  --silver-200: #D1D9EB;
  --silver-300: #ADBCDC;
  --silver-400: #8299C9;
  --silver-500: #5E7BBA;
  --silver-600: #43609D;
  --silver-700: #364C7D;
  --silver-800: #263659;
  --silver-900: #182339;
  --silver-950: #0F1624;
}

Generate More Shades Create Palette Convert Color