Silver

#B4D3D5

Cyan

Color Codes

All color formats for development

HEX

#B4D3D5

RGB

rgb(180, 211, 213)

HSL

hsl(184, 28%, 77%)

OKLCH

oklch(0.845 0.033 201.3)

CMYK

cmyk(15%, 1%, 0%, 16%)

Accessibility

WCAG contrast compliance

On White Background

1.59:1

AA ✗AAA ✗

On Black Background

13.22:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F9

100

#E8F1

200

#D5E6

300

#B4D3

400

#8DBB

500

#6CA8

600

#518B

700

#406F

800

#2E4F

900

#1D33

950

#1220

Shades

Darker variations

1#9BC4C7

2#82B5B8

3#69A6AA

4#559297

5#477A7E

6#396265

7#2A494B

8#1C3132

9#0E1819

Tints

Lighter variations

1#BBD7D9

2#C3DBDD

3#CAE0E1

4#D2E4E6

5#D9E9EA

6#E1EDEE

7#E8F2F2

8#F0F6F7

9#F7FBFB

Tones

Muted variations

1#B6D1D3

2#B7D0D1

3#B9CED0

4#BACDCE

5#BCCBCD

6#BECACB

7#BFC9C9

8#C1C7C8

9#C3C6C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F9 `#F5F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E8F1 `#E8F1F2`	Light backgroundsTable row hoverSkeleton loading
200	D5E6 `#D5E6E7`	Secondary backgroundsInput backgroundsDividers
300	B4D3 `#B4D3D5`	BordersInactive statesPlaceholder text
400	8DBB `#8DBBBF`	Disabled statesSecondary iconsMuted text
500	6CA8 `#6CA8AC`	Primary brand colorCTAsActive elementsLinks
600	518B `#518B90`	Hover statesFocus ringsPrimary buttons hover
700	406F `#406F72`	Active/pressed statesDark mode accentsSecondary text
800	2E4F `#2E4F52`	Text on light backgroundsHeadingsStrong borders
900	1D33 `#1D3334`	Primary textHigh emphasis contentDark headings
950	1220 `#122021`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F9F9;
  --silver-100: #E8F1F2;
  --silver-200: #D5E6E7;
  --silver-300: #B4D3D5;
  --silver-400: #8DBBBF;
  --silver-500: #6CA8AC;
  --silver-600: #518B90;
  --silver-700: #406F72;
  --silver-800: #2E4F52;
  --silver-900: #1D3334;
  --silver-950: #122021;
}

Generate More Shades Create Palette Convert Color