Silver

#ADDADB

Cyan

Color Codes

All color formats for development

HEX

#ADDADB

RGB

rgb(173, 218, 219)

HSL

hsl(181, 39%, 77%)

OKLCH

oklch(0.857 0.047 198)

CMYK

cmyk(21%, 0%, 0%, 14%)

Accessibility

WCAG contrast compliance

On White Background

1.52:1

AA ✗AAA ✗

On Black Background

13.83:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#F4FA

100

#E6F4

200

#D1EA

300

#ADDA

400

#83C7

500

#5FB8

600

#449A

700

#367B

800

#2758

900

#1938

950

#1023

Shades

Darker variations

1#92CECF

2#77C2C3

3#5CB6B7

4#48A2A4

5#3C8788

6#306C6D

7#245152

8#183637

9#0C1B1B

Tints

Lighter variations

1#B6DEDF

2#BEE2E2

3#C6E5E6

4#CEE9EA

5#D6EDED

6#DEF0F1

7#E7F4F4

8#EFF8F8

9#F7FBFB

Tones

Muted variations

1#B0D8D9

2#B2D6D7

3#B4D4D4

4#B7D2D2

5#B9CFD0

6#BBCDCD

7#BDCBCB

8#C0C9C9

9#C2C7C7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F4FA `#F4FAFA`	BackgroundsSubtle highlightsCard backgrounds
100	E6F4 `#E6F4F4`	Light backgroundsTable row hoverSkeleton loading
200	D1EA `#D1EAEB`	Secondary backgroundsInput backgroundsDividers
300	ADDA `#ADDADB`	BordersInactive statesPlaceholder text
400	83C7 `#83C7C9`	Disabled statesSecondary iconsMuted text
500	5FB8 `#5FB8B9`	Primary brand colorCTAsActive elementsLinks
600	449A `#449A9C`	Hover statesFocus ringsPrimary buttons hover
700	367B `#367B7C`	Active/pressed statesDark mode accentsSecondary text
800	2758 `#275859`	Text on light backgroundsHeadingsStrong borders
900	1938 `#193839`	Primary textHigh emphasis contentDark headings
950	1023 `#102323`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --silver-50: #F4FAFA;
  --silver-100: #E6F4F4;
  --silver-200: #D1EAEB;
  --silver-300: #ADDADB;
  --silver-400: #83C7C9;
  --silver-500: #5FB8B9;
  --silver-600: #449A9C;
  --silver-700: #367B7C;
  --silver-800: #275859;
  --silver-900: #193839;
  --silver-950: #102323;
}

Generate More Shades Create Palette Convert Color