Silver

#BCCBCD

Cyan

Color Codes

All color formats for development

HEX

#BCCBCD

RGB

rgb(188, 203, 205)

HSL

hsl(187, 15%, 77%)

OKLCH

oklch(0.831 0.017 206.4)

CMYK

cmyk(8%, 1%, 0%, 20%)

Accessibility

WCAG contrast compliance

On White Background

1.67:1

AA ✗AAA ✗

On Black Background

12.56:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F8

100

#EAEF

200

#D9E2

300

#BCCB

400

#98B0

500

#7B99

600

#5F7D

700

#4C64

800

#3647

900

#232D

950

#161C

Shades

Darker variations

1#A5BABC

2#8EA8AC

3#78979B

4#648387

5#536D71

6#43585A

7#324244

8#212C2D

9#111617

Tints

Lighter variations

1#C2D0D2

2#C9D5D7

3#D0DBDC

4#D7E0E1

5#DDE5E6

6#E4EAEB

7#EBEFF0

8#F2F5F5

9#F8FAFA

Tones

Muted variations

1#BCCACC

2#BDCACB

3#BEC9CB

4#BFC8CA

5#C0C8C9

6#C1C7C8

7#C2C6C7

8#C3C6C6

9#C3C5C5

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F8 `#F6F8F8`	BackgroundsSubtle highlightsCard backgrounds
100	EAEF `#EAEFF0`	Light backgroundsTable row hoverSkeleton loading
200	D9E2 `#D9E2E3`	Secondary backgroundsInput backgroundsDividers
300	BCCB `#BCCBCD`	BordersInactive statesPlaceholder text
400	98B0 `#98B0B3`	Disabled statesSecondary iconsMuted text
500	7B99 `#7B999D`	Primary brand colorCTAsActive elementsLinks
600	5F7D `#5F7D81`	Hover statesFocus ringsPrimary buttons hover
700	4C64 `#4C6467`	Active/pressed statesDark mode accentsSecondary text
800	3647 `#364749`	Text on light backgroundsHeadingsStrong borders
900	232D `#232D2F`	Primary textHigh emphasis contentDark headings
950	161C `#161C1D`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F8;
  --silver-100: #EAEFF0;
  --silver-200: #D9E2E3;
  --silver-300: #BCCBCD;
  --silver-400: #98B0B3;
  --silver-500: #7B999D;
  --silver-600: #5F7D81;
  --silver-700: #4C6467;
  --silver-800: #364749;
  --silver-900: #232D2F;
  --silver-950: #161C1D;
}

Generate More Shades Create Palette Convert Color