Salmon

#EC5F74

Red

Color Codes

All color formats for development

HEX

#EC5F74

RGB

rgb(236, 95, 116)

HSL

hsl(351, 79%, 65%)

OKLCH

oklch(0.67 0.174 14.1)

CMYK

cmyk(0%, 60%, 51%, 7%)

Accessibility

WCAG contrast compliance

On White Background

3.25:1

AA ✗AAA ✗

On Black Background

6.46:1

AA ✓AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF1

100

#FBDF

200

#F8C4

300

#F396

400

#EC5F

500

#E732

600

#C918

700

#A013

800

#720D

900

#4909

950

#2E05

Shades

Darker variations

1#E9425B

2#E52441

3#D01834

4#B2152C

5#941125

6#770E1E

7#590A16

8#3B070F

9#1E0307

Tints

Lighter variations

1#EE6F82

2#F07F90

3#F28F9E

4#F49FAC

5#F6AFBA

6#F8BFC8

7#F9CFD5

8#FBDFE3

9#FDEFF1

Tones

Muted variations

1#E56679

2#DE6D7E

3#D77483

4#D07B88

5#C9828D

6#C28A92

7#BB9197

8#B4989C

9#AD9FA1

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF1 `#FDF1F3`	BackgroundsSubtle highlightsCard backgrounds
100	FBDF `#FBDFE3`	Light backgroundsTable row hoverSkeleton loading
200	F8C4 `#F8C4CC`	Secondary backgroundsInput backgroundsDividers
300	F396 `#F396A4`	BordersInactive statesPlaceholder text
400	EC5F `#EC5F74`	Disabled statesSecondary iconsMuted text
500	E732 `#E7324D`	Primary brand colorCTAsActive elementsLinks
600	C918 `#C91832`	Hover statesFocus ringsPrimary buttons hover
700	A013 `#A01328`	Active/pressed statesDark mode accentsSecondary text
800	720D `#720D1C`	Text on light backgroundsHeadingsStrong borders
900	4909 `#490912`	Primary textHigh emphasis contentDark headings
950	2E05 `#2E050B`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --salmon-50: #FDF1F3;
  --salmon-100: #FBDFE3;
  --salmon-200: #F8C4CC;
  --salmon-300: #F396A4;
  --salmon-400: #EC5F74;
  --salmon-500: #E7324D;
  --salmon-600: #C91832;
  --salmon-700: #A01328;
  --salmon-800: #720D1C;
  --salmon-900: #490912;
  --salmon-950: #2E050B;
}

Generate More Shades Create Palette Convert Color