Silver

#AFD6DA

Cyan

Color Codes

All color formats for development

HEX

#AFD6DA

RGB

rgb(175, 214, 218)

HSL

hsl(186, 37%, 77%)

OKLCH

oklch(0.849 0.041 204.1)

CMYK

cmyk(20%, 2%, 0%, 15%)

Accessibility

WCAG contrast compliance

On White Background

1.56:1

AA ✗AAA ✗

On Black Background

13.45:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F5FA

100

#E7F2

200

#D2E8

300

#AFD6

400

#85C0

500

#62AE

600

#4791

700

#3874

800

#2853

900

#1A35

950

#1021

Shades

Darker variations

1#94C8CE

2#79BAC1

3#5EACB5

4#4A99A1

5#3E7F86

6#31666C

7#254C51

8#193336

9#0C191B

Tints

Lighter variations

1#B7DADE

2#BFDEE1

3#C7E2E5

4#CFE6E9

5#D7EAED

6#DFEEF0

7#E7F3F4

8#EFF7F8

9#F7FBFB

Tones

Muted variations

1#B1D4D8

2#B3D2D6

3#B5D1D4

4#B7CFD1

5#B9CDCF

6#BCCBCD

7#BECACB

8#C0C8C9

9#C2C6C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F5FA `#F5FAFA`	BackgroundsSubtle highlightsCard backgrounds
100	E7F2 `#E7F2F4`	Light backgroundsTable row hoverSkeleton loading
200	D2E8 `#D2E8EA`	Secondary backgroundsInput backgroundsDividers
300	AFD6 `#AFD6DA`	BordersInactive statesPlaceholder text
400	85C0 `#85C0C7`	Disabled statesSecondary iconsMuted text
500	62AE `#62AEB7`	Primary brand colorCTAsActive elementsLinks
600	4791 `#47919A`	Hover statesFocus ringsPrimary buttons hover
700	3874 `#38747A`	Active/pressed statesDark mode accentsSecondary text
800	2853 `#285357`	Text on light backgroundsHeadingsStrong borders
900	1A35 `#1A3538`	Primary textHigh emphasis contentDark headings
950	1021 `#102123`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F5FAFA;
  --silver-100: #E7F2F4;
  --silver-200: #D2E8EA;
  --silver-300: #AFD6DA;
  --silver-400: #85C0C7;
  --silver-500: #62AEB7;
  --silver-600: #47919A;
  --silver-700: #38747A;
  --silver-800: #285357;
  --silver-900: #1A3538;
  --silver-950: #102123;
}

Generate More Shades Create Palette Convert Color