Silver

#BDBDCC

Blue

Color Codes

All color formats for development

HEX

#BDBDCC

RGB

rgb(189, 189, 204)

HSL

hsl(240, 13%, 77%)

OKLCH

oklch(0.803 0.021 285.9)

CMYK

cmyk(7%, 7%, 0%, 20%)

Accessibility

WCAG contrast compliance

On White Background

1.86:1

AA ✗AAA ✗

On Black Background

11.31:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F6F6

100

#EBEB

200

#DADA

300

#BDBD

400

#9A9A

500

#7D7D

600

#6262

700

#4E4E

800

#3737

900

#2323

950

#1616

Shades

Darker variations

1#A7A7BB

2#9090AA

3#7A7A99

4#666685

5#55556F

6#444459

7#333343

8#22222C

9#111116

Tints

Lighter variations

1#C3C3D1

2#CACAD6

3#D1D1DB

4#D7D7E0

5#DEDEE5

6#E4E4EB

7#EBEBF0

8#F2F2F5

9#F8F8FA

Tones

Muted variations

1#BDBDCB

2#BEBECA

3#BFBFCA

4#C0C0C9

5#C1C1C8

6#C1C1C7

7#C2C2C7

8#C3C3C6

9#C4C4C5

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F6F6 `#F6F6F8`	BackgroundsSubtle highlightsCard backgrounds
100	EBEB `#EBEBEF`	Light backgroundsTable row hoverSkeleton loading
200	DADA `#DADAE2`	Secondary backgroundsInput backgroundsDividers
300	BDBD `#BDBDCC`	BordersInactive statesPlaceholder text
400	9A9A `#9A9AB1`	Disabled statesSecondary iconsMuted text
500	7D7D `#7D7D9B`	Primary brand colorCTAsActive elementsLinks
600	6262 `#62627F`	Hover statesFocus ringsPrimary buttons hover
700	4E4E `#4E4E65`	Active/pressed statesDark mode accentsSecondary text
800	3737 `#373748`	Text on light backgroundsHeadingsStrong borders
900	2323 `#23232E`	Primary textHigh emphasis contentDark headings
950	1616 `#16161D`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F6F8;
  --silver-100: #EBEBEF;
  --silver-200: #DADAE2;
  --silver-300: #BDBDCC;
  --silver-400: #9A9AB1;
  --silver-500: #7D7D9B;
  --silver-600: #62627F;
  --silver-700: #4E4E65;
  --silver-800: #373748;
  --silver-900: #23232E;
  --silver-950: #16161D;
}

Generate More Shades Create Palette Convert Color