Silver

#B4B5D5

Blue

Color Codes

All color formats for development

HEX

#B4B5D5

RGB

rgb(180, 181, 213)

HSL

hsl(238, 28%, 77%)

OKLCH

oklch(0.783 0.045 283.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

2.00:1

AA ✗AAA ✗

On Black Background

10.51:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F5

100

#E8E8

200

#D5D5

300

#B4B5

400

#8D8E

500

#6C6E

600

#5153

700

#4042

800

#2E2F

900

#1D1E

950

#1213

Shades

Darker variations

1#9B9CC7

2#8283B8

3#696BAA

4#555797

5#47497E

6#393A65

7#2A2C4B

8#1C1D32

9#0E0F19

Tints

Lighter variations

1#BBBCD9

2#C3C4DD

3#CACBE1

4#D2D3E6

5#D9DAEA

6#E1E1EE

7#E8E9F2

8#F0F0F7

9#F7F8FB

Tones

Muted variations

1#B6B7D3

2#B7B8D1

3#B9BAD0

4#BABBCE

5#BCBDCD

6#BEBECB

7#BFC0C9

8#C1C1C8

9#C3C3C6

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F5 `#F5F5F9`	BackgroundsSubtle highlightsCard backgrounds
100	E8E8 `#E8E8F2`	Light backgroundsTable row hoverSkeleton loading
200	D5D5 `#D5D5E7`	Secondary backgroundsInput backgroundsDividers
300	B4B5 `#B4B5D5`	BordersInactive statesPlaceholder text
400	8D8E `#8D8EBF`	Disabled statesSecondary iconsMuted text
500	6C6E `#6C6EAC`	Primary brand colorCTAsActive elementsLinks
600	5153 `#515390`	Hover statesFocus ringsPrimary buttons hover
700	4042 `#404272`	Active/pressed statesDark mode accentsSecondary text
800	2E2F `#2E2F52`	Text on light backgroundsHeadingsStrong borders
900	1D1E `#1D1E34`	Primary textHigh emphasis contentDark headings
950	1213 `#121321`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F5F9;
  --silver-100: #E8E8F2;
  --silver-200: #D5D5E7;
  --silver-300: #B4B5D5;
  --silver-400: #8D8EBF;
  --silver-500: #6C6EAC;
  --silver-600: #515390;
  --silver-700: #404272;
  --silver-800: #2E2F52;
  --silver-900: #1D1E34;
  --silver-950: #121321;
}

Generate More Shades Create Palette Convert Color