Salmon

#EA7F61

Red

Color Codes

All color formats for development

HEX

#EA7F61

RGB

rgb(234, 127, 97)

HSL

hsl(13, 77%, 65%)

OKLCH

oklch(0.709 0.139 36.6)

CMYK

cmyk(0%, 46%, 59%, 8%)

Accessibility

WCAG contrast compliance

On White Background

2.72:1

AA ✗AAA ✗

On Black Background

7.71:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF4

100

#FBE5

200

#F7CF

300

#F2AB

400

#EA7F

500

#E55A

600

#C73F

700

#9E32

800

#7124

900

#4817

950

#2D0E

Shades

Darker variations

1#E76744

2#E34F26

3#CD411B

4#B03817

5#932F13

6#75250F

7#581C0B

8#3B1308

9#1D0904

Tints

Lighter variations

1#ED8C71

2#EF9881

3#F1A590

4#F3B2A0

5#F5BFB0

6#F7CCC0

7#F9D9D0

8#FBE5DF

9#FDF2EF

Tones

Muted variations

1#E48368

2#DD876F

3#D68A76

4#CF8E7D

5#C89283

6#C1968A

7#BA9A91

8#B39E98

9#ADA29F

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF4 `#FDF4F1`	BackgroundsSubtle highlightsCard backgrounds
100	FBE5 `#FBE5DF`	Light backgroundsTable row hoverSkeleton loading
200	F7CF `#F7CFC4`	Secondary backgroundsInput backgroundsDividers
300	F2AB `#F2AB97`	BordersInactive statesPlaceholder text
400	EA7F `#EA7F61`	Disabled statesSecondary iconsMuted text
500	E55A `#E55A34`	Primary brand colorCTAsActive elementsLinks
600	C73F `#C73F1A`	Hover statesFocus ringsPrimary buttons hover
700	9E32 `#9E3215`	Active/pressed statesDark mode accentsSecondary text
800	7124 `#71240F`	Text on light backgroundsHeadingsStrong borders
900	4817 `#481709`	Primary textHigh emphasis contentDark headings
950	2D0E `#2D0E06`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --salmon-50: #FDF4F1;
  --salmon-100: #FBE5DF;
  --salmon-200: #F7CFC4;
  --salmon-300: #F2AB97;
  --salmon-400: #EA7F61;
  --salmon-500: #E55A34;
  --salmon-600: #C73F1A;
  --salmon-700: #9E3215;
  --salmon-800: #71240F;
  --salmon-900: #481709;
  --salmon-950: #2D0E06;
}

Generate More Shades Create Palette Convert Color