Silver

#B5D3D4

Cyan

Color Codes

All color formats for development

HEX

#B5D3D4

RGB

rgb(181, 211, 212)

HSL

hsl(182, 26%, 77%)

OKLCH

oklch(0.845 0.032 199)

CMYK

cmyk(15%, 0%, 0%, 17%)

Accessibility

WCAG contrast compliance

On White Background

1.59:1

AA ✗AAA ✗

On Black Background

13.23:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F9

100

#E9F1

200

#D5E6

300

#B5D3

400

#8FBB

500

#6EA8

600

#538B

700

#426F

800

#2F4F

900

#1E33

950

#1320

Shades

Darker variations

1#9CC4C5

2#84B5B7

3#6BA6A8

4#579294

5#497A7C

6#3A6263

7#2C494A

8#1D3131

9#0F1819

Tints

Lighter variations

1#BCD7D8

2#C4DBDC

3#CBE0E1

4#D3E4E5

5#DAE9E9

6#E1EDEE

7#E9F2F2

8#F0F6F6

9#F8FBFB

Tones

Muted variations

1#B7D1D2

2#B8D0D1

3#BACECF

4#BBCDCD

5#BDCBCC

6#BECACA

7#C0C9C9

8#C1C7C7

9#C3C6C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F9 `#F5F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F1 `#E9F1F2`	Light backgroundsTable row hoverSkeleton loading
200	D5E6 `#D5E6E6`	Secondary backgroundsInput backgroundsDividers
300	B5D3 `#B5D3D4`	BordersInactive statesPlaceholder text
400	8FBB `#8FBBBD`	Disabled statesSecondary iconsMuted text
500	6EA8 `#6EA8AA`	Primary brand colorCTAsActive elementsLinks
600	538B `#538B8D`	Hover statesFocus ringsPrimary buttons hover
700	426F `#426F70`	Active/pressed statesDark mode accentsSecondary text
800	2F4F `#2F4F50`	Text on light backgroundsHeadingsStrong borders
900	1E33 `#1E3333`	Primary textHigh emphasis contentDark headings
950	1320 `#132020`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F9F9;
  --silver-100: #E9F1F2;
  --silver-200: #D5E6E6;
  --silver-300: #B5D3D4;
  --silver-400: #8FBBBD;
  --silver-500: #6EA8AA;
  --silver-600: #538B8D;
  --silver-700: #426F70;
  --silver-800: #2F4F50;
  --silver-900: #1E3333;
  --silver-950: #132020;
}

Generate More Shades Create Palette Convert Color