Silver

#B4D0D5

Cyan

Color Codes

All color formats for development

HEX

#B4D0D5

RGB

rgb(180, 208, 213)

HSL

hsl(189, 28%, 77%)

OKLCH

oklch(0.838 0.031 209.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.62:1

AA ✗AAA ✗

On Black Background

12.92:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F9

100

#E8F1

200

#D5E4

300

#B4D0

400

#8DB7

500

#6CA3

600

#5186

700

#406B

800

#2E4C

900

#1D31

950

#121E

Shades

Darker variations

1#9BC0C7

2#82B0B8

3#69A0AA

4#558D97

5#47757E

6#395E65

7#2A464B

8#1C2F32

9#0E1719

Tints

Lighter variations

1#BBD5D9

2#C3D9DD

3#CADEE1

4#D2E3E6

5#D9E7EA

6#E1ECEE

7#E8F1F2

8#F0F6F7

9#F7FAFB

Tones

Muted variations

1#B6CFD3

2#B7CED1

3#B9CCD0

4#BACBCE

5#BCCACD

6#BEC9CB

7#BFC8C9

8#C1C7C8

9#C3C5C6

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	D5E4 `#D5E4E7`	Secondary backgroundsInput backgroundsDividers
300	B4D0 `#B4D0D5`	BordersInactive statesPlaceholder text
400	8DB7 `#8DB7BF`	Disabled statesSecondary iconsMuted text
500	6CA3 `#6CA3AC`	Primary brand colorCTAsActive elementsLinks
600	5186 `#518690`	Hover statesFocus ringsPrimary buttons hover
700	406B `#406B72`	Active/pressed statesDark mode accentsSecondary text
800	2E4C `#2E4C52`	Text on light backgroundsHeadingsStrong borders
900	1D31 `#1D3134`	Primary textHigh emphasis contentDark headings
950	121E `#121E21`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F9F9;
  --silver-100: #E8F1F2;
  --silver-200: #D5E4E7;
  --silver-300: #B4D0D5;
  --silver-400: #8DB7BF;
  --silver-500: #6CA3AC;
  --silver-600: #518690;
  --silver-700: #406B72;
  --silver-800: #2E4C52;
  --silver-900: #1D3134;
  --silver-950: #121E21;
}

Generate More Shades Create Palette Convert Color