Silver

#95B1B7

Cyan

Color Codes

All color formats for development

HEX
#95B1B7
RGB
rgb(149, 177, 183)
HSL
hsl(191, 19%, 65%)
OKLCH
oklch(0.741 0.032 212.1)
CMYK
cmyk(19%, 3%, 0%, 28%)

Accessibility

WCAG contrast compliance

On White Background

2.27:1

AA AAA

On Black Background

9.25:1

AA AAA
Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

50
#F6F8
100
#EAEF
200
#D8E2
300
#B9CB
400
#95B0
500
#769A
600
#5B7E
700
#4864
800
#3447
900
#212E
950
#151D

Shades

Darker variations

1#81A2A9
2#6D939C
3#5E828A
4#516F76
5#435D63
6#364A4F
7#28383B
8#1B2527
9#0D1314

Tints

Lighter variations

1#9FB8BE
2#AAC0C5
3#B5C8CC
4#BFD0D4
5#CAD8DB
6#D5E0E2
7#DFE7E9
8#EAEFF1
9#F4F7F8

Tones

Muted variations

1#96AFB5
2#98AEB3
3#9AADB2
4#9CACB0
5#9DABAE
6#9FAAAD
7#A1A9AB
8#A2A8A9
9#A4A7A7

Usage Guidelines

Recommended use cases for each shade level

LevelColorTypical Use Cases
50
F6F8
#F6F8F9
BackgroundsSubtle highlightsCard backgrounds
100
EAEF
#EAEFF1
Light backgroundsTable row hoverSkeleton loading
200
D8E2
#D8E2E4
Secondary backgroundsInput backgroundsDividers
300
B9CB
#B9CBCF
BordersInactive statesPlaceholder text
400
95B0
#95B0B7
Disabled statesSecondary iconsMuted text
500
769A
#769AA2
Primary brand colorCTAsActive elementsLinks
600
5B7E
#5B7E86
Hover statesFocus ringsPrimary buttons hover
700
4864
#48646A
Active/pressed statesDark mode accentsSecondary text
800
3447
#34474C
Text on light backgroundsHeadingsStrong borders
900
212E
#212E31
Primary textHigh emphasis contentDark headings
950
151D
#151D1E
Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F6F8F9;
  --silver-100: #EAEFF1;
  --silver-200: #D8E2E4;
  --silver-300: #B9CBCF;
  --silver-400: #95B0B7;
  --silver-500: #769AA2;
  --silver-600: #5B7E86;
  --silver-700: #48646A;
  --silver-800: #34474C;
  --silver-900: #212E31;
  --silver-950: #151D1E;
}
Generate More ShadesCreate PaletteConvert Color