Silver

#B4D4D5

Cyan

Color Codes

All color formats for development

HEX

#B4D4D5

RGB

rgb(180, 212, 213)

HSL

hsl(182, 28%, 77%)

OKLCH

oklch(0.847 0.034 198.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.58:1

AA ✗AAA ✗

On Black Background

13.32:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F9

100

#E8F2

200

#D5E7

300

#B4D4

400

#8DBD

500

#6CAA

600

#518E

700

#4071

800

#2E50

900

#1D33

950

#1220

Shades

Darker variations

1#9BC5C7

2#82B7B8

3#69A8AA

4#559597

5#477C7E

6#396365

7#2A4A4B

8#1C3232

9#0E1919

Tints

Lighter variations

1#BBD8D9

2#C3DCDD

3#CAE1E1

4#D2E5E6

5#D9E9EA

6#E1EEEE

7#E8F2F2

8#F0F6F7

9#F7FBFB

Tones

Muted variations

1#B6D2D3

2#B7D1D1

3#B9CFD0

4#BACECE

5#BCCCCD

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	E8F2 `#E8F2F2`	Light backgroundsTable row hoverSkeleton loading
200	D5E7 `#D5E7E7`	Secondary backgroundsInput backgroundsDividers
300	B4D4 `#B4D4D5`	BordersInactive statesPlaceholder text
400	8DBD `#8DBDBF`	Disabled statesSecondary iconsMuted text
500	6CAA `#6CAAAC`	Primary brand colorCTAsActive elementsLinks
600	518E `#518E90`	Hover statesFocus ringsPrimary buttons hover
700	4071 `#407172`	Active/pressed statesDark mode accentsSecondary text
800	2E50 `#2E5052`	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: #E8F2F2;
  --silver-200: #D5E7E7;
  --silver-300: #B4D4D5;
  --silver-400: #8DBDBF;
  --silver-500: #6CAAAC;
  --silver-600: #518E90;
  --silver-700: #407172;
  --silver-800: #2E5052;
  --silver-900: #1D3334;
  --silver-950: #122021;
}

Generate More Shades Create Palette Convert Color