Salmon

#F15B76

Red

Color Codes

All color formats for development

HEX

#F15B76

RGB

rgb(241, 91, 118)

HSL

hsl(349, 84%, 65%)

OKLCH

oklch(0.674 0.185 12.7)

CMYK

cmyk(0%, 62%, 51%, 5%)

Accessibility

WCAG contrast compliance

On White Background

3.23:1

AA ✗AAA ✗

On Black Background

6.50:1

AA ✓AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF1

100

#FCDE

200

#FAC2

300

#F693

400

#F15B

500

#ED2C

600

#CE12

700

#A40E

800

#750A

900

#4B07

950

#2F04

Shades

Darker variations

1#EE3C5D

2#EB1E43

3#D51336

4#B7102F

5#980D27

6#7A0B1F

7#5B0817

8#3D0510

9#1E0308

Tints

Lighter variations

1#F26B84

2#F47C92

3#F58C9F

4#F69CAD

5#F8ADBB

6#F9BDC8

7#FBCED6

8#FCDEE4

9#FEEFF1

Tones

Muted variations

1#E9627B

2#E26A80

3#DA7185

4#D37989

5#CB808E

6#C48893

7#BC8F98

8#B5979C

9#AD9EA1

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF1 `#FEF1F3`	BackgroundsSubtle highlightsCard backgrounds
100	FCDE `#FCDEE4`	Light backgroundsTable row hoverSkeleton loading
200	FAC2 `#FAC2CC`	Secondary backgroundsInput backgroundsDividers
300	F693 `#F693A5`	BordersInactive statesPlaceholder text
400	F15B `#F15B76`	Disabled statesSecondary iconsMuted text
500	ED2C `#ED2C4F`	Primary brand colorCTAsActive elementsLinks
600	CE12 `#CE1235`	Hover statesFocus ringsPrimary buttons hover
700	A40E `#A40E2A`	Active/pressed statesDark mode accentsSecondary text
800	750A `#750A1E`	Text on light backgroundsHeadingsStrong borders
900	4B07 `#4B0713`	Primary textHigh emphasis contentDark headings
950	2F04 `#2F040C`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --salmon-50: #FEF1F3;
  --salmon-100: #FCDEE4;
  --salmon-200: #FAC2CC;
  --salmon-300: #F693A5;
  --salmon-400: #F15B76;
  --salmon-500: #ED2C4F;
  --salmon-600: #CE1235;
  --salmon-700: #A40E2A;
  --salmon-800: #750A1E;
  --salmon-900: #4B0713;
  --salmon-950: #2F040C;
}

Generate More Shades Create Palette Convert Color