Silver

#B6D0D2

Cyan

Color Codes

All color formats for development

HEX

#B6D0D2

RGB

rgb(182, 208, 210)

HSL

hsl(184, 24%, 77%)

OKLCH

oklch(0.839 0.028 202.3)

CMYK

cmyk(13%, 1%, 0%, 18%)

Accessibility

WCAG contrast compliance

On White Background

1.62:1

AA ✗AAA ✗

On Black Background

12.94:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F9

100

#E9F1

200

#D6E5

300

#B6D1

400

#90B8

500

#71A4

600

#5588

700

#446C

800

#304D

900

#1F31

950

#131F

Shades

Darker variations

1#9EC1C4

2#86B1B5

3#6DA2A6

4#5A8E92

5#4B777A

6#3C5F61

7#2D4749

8#1E2F31

9#0F1818

Tints

Lighter variations

1#BED5D7

2#C5DADB

3#CCDEE0

4#D3E3E4

5#DBE8E9

6#E2ECED

7#E9F1F2

8#F0F6F6

9#F8FAFB

Tones

Muted variations

1#B8CFD1

2#B9CED0

3#BACDCE

4#BCCCCD

5#BDCACB

6#BFC9CA

7#C0C8C9

8#C2C7C7

9#C3C6C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F9 `#F6F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F1 `#E9F1F1`	Light backgroundsTable row hoverSkeleton loading
200	D6E5 `#D6E5E6`	Secondary backgroundsInput backgroundsDividers
300	B6D1 `#B6D1D2`	BordersInactive statesPlaceholder text
400	90B8 `#90B8BB`	Disabled statesSecondary iconsMuted text
500	71A4 `#71A4A8`	Primary brand colorCTAsActive elementsLinks
600	5588 `#55888B`	Hover statesFocus ringsPrimary buttons hover
700	446C `#446C6F`	Active/pressed statesDark mode accentsSecondary text
800	304D `#304D4F`	Text on light backgroundsHeadingsStrong borders
900	1F31 `#1F3133`	Primary textHigh emphasis contentDark headings
950	131F `#131F20`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F9F9;
  --silver-100: #E9F1F1;
  --silver-200: #D6E5E6;
  --silver-300: #B6D1D2;
  --silver-400: #90B8BB;
  --silver-500: #71A4A8;
  --silver-600: #55888B;
  --silver-700: #446C6F;
  --silver-800: #304D4F;
  --silver-900: #1F3133;
  --silver-950: #131F20;
}

Generate More Shades Create Palette Convert Color