Salmon

#FB9E8E

Red

Color Codes

All color formats for development

HEX

#FB9E8E

RGB

rgb(251, 158, 142)

HSL

hsl(9, 93%, 77%)

OKLCH

oklch(0.79 0.114 30.4)

CMYK

cmyk(0%, 37%, 43%, 2%)

Accessibility

WCAG contrast compliance

On White Background

2.02:1

AA ✗AAA ✗

On Black Background

10.38:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF2

100

#FEE2

200

#FDC8

300

#FB9E

400

#F96C

500

#F742

600

#D927

700

#AC1F

800

#7B16

900

#4F0E

950

#3109

Shades

Darker variations

1#FA7E68

2#F85D42

3#F73D1C

4#E32908

5#BD2207

6#981B05

7#721504

8#4C0E03

9#260701

Tints

Lighter variations

1#FBA899

2#FCB2A4

3#FCBBB0

4#FDC5BB

5#FDCFC6

6#FDD8D2

7#FEE2DD

8#FEECE8

9#FFF5F4

Tones

Muted variations

1#F5A293

2#F0A699

3#EBAA9E

4#E5ADA4

5#E0B1A9

6#DAB5AF

7#D5B9B4

8#CFBDB9

9#CAC1BF

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF2 `#FEF2F0`	BackgroundsSubtle highlightsCard backgrounds
100	FEE2 `#FEE2DD`	Light backgroundsTable row hoverSkeleton loading
200	FDC8 `#FDC8BF`	Secondary backgroundsInput backgroundsDividers
300	FB9E `#FB9E8E`	BordersInactive statesPlaceholder text
400	F96C `#F96C53`	Disabled statesSecondary iconsMuted text
500	F742 `#F74222`	Primary brand colorCTAsActive elementsLinks
600	D927 `#D92708`	Hover statesFocus ringsPrimary buttons hover
700	AC1F `#AC1F06`	Active/pressed statesDark mode accentsSecondary text
800	7B16 `#7B1604`	Text on light backgroundsHeadingsStrong borders
900	4F0E `#4F0E03`	Primary textHigh emphasis contentDark headings
950	3109 `#310902`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --salmon-50: #FEF2F0;
  --salmon-100: #FEE2DD;
  --salmon-200: #FDC8BF;
  --salmon-300: #FB9E8E;
  --salmon-400: #F96C53;
  --salmon-500: #F74222;
  --salmon-600: #D92708;
  --salmon-700: #AC1F06;
  --salmon-800: #7B1604;
  --salmon-900: #4F0E03;
  --salmon-950: #310902;
}

Generate More Shades Create Palette Convert Color