Silver

#8FB6BD

Cyan

Color Codes

All color formats for development

HEX

#8FB6BD

RGB

rgb(143, 182, 189)

HSL

hsl(189, 26%, 65%)

OKLCH

oklch(0.75 0.043 209.7)

CMYK

cmyk(24%, 4%, 0%, 26%)

Accessibility

WCAG contrast compliance

On White Background

2.19:1

AA ✗AAA ✗

On Black Background

9.59:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5F9

100

#E9F0

200

#D5E4

300

#B5CF

400

#8FB6

500

#6EA1

600

#5385

700

#4269

800

#2F4B

900

#1E30

950

#131E

Shades

Darker variations

1#7AA8B1

2#659BA4

3#568992

4#4A767D

5#3D6268

6#314E54

7#253B3F

8#19272A

9#0C1415

Tints

Lighter variations

1#9ABDC4

2#A5C5CA

3#B0CCD1

4#BCD3D7

5#C7DADE

6#D2E2E5

7#DDE9EB

8#E9F0F2

9#F4F8F8

Tones

Muted variations

1#91B4BB

2#93B3B8

3#96B1B6

4#98AFB4

5#9AAEB1

6#9CACAF

7#9FABAD

8#A1A9AA

9#A3A7A8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5F9 `#F5F9F9`	BackgroundsSubtle highlightsCard backgrounds
100	E9F0 `#E9F0F2`	Light backgroundsTable row hoverSkeleton loading
200	D5E4 `#D5E4E6`	Secondary backgroundsInput backgroundsDividers
300	B5CF `#B5CFD4`	BordersInactive statesPlaceholder text
400	8FB6 `#8FB6BD`	Disabled statesSecondary iconsMuted text
500	6EA1 `#6EA1AA`	Primary brand colorCTAsActive elementsLinks
600	5385 `#53858D`	Hover statesFocus ringsPrimary buttons hover
700	4269 `#426970`	Active/pressed statesDark mode accentsSecondary text
800	2F4B `#2F4B50`	Text on light backgroundsHeadingsStrong borders
900	1E30 `#1E3033`	Primary textHigh emphasis contentDark headings
950	131E `#131E20`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5F9F9;
  --silver-100: #E9F0F2;
  --silver-200: #D5E4E6;
  --silver-300: #B5CFD4;
  --silver-400: #8FB6BD;
  --silver-500: #6EA1AA;
  --silver-600: #53858D;
  --silver-700: #426970;
  --silver-800: #2F4B50;
  --silver-900: #1E3033;
  --silver-950: #131E20;
}

Generate More Shades Create Palette Convert Color