Salmon

#FBA38D

Red

Color Codes

All color formats for development

HEX

#FBA38D

RGB

rgb(251, 163, 141)

HSL

hsl(12, 93%, 77%)

OKLCH

oklch(0.798 0.11 34.7)

CMYK

cmyk(0%, 35%, 44%, 2%)

Accessibility

WCAG contrast compliance

On White Background

1.96:1

AA ✗AAA ✗

On Black Background

10.73:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF3

100

#FEE3

200

#FDCB

300

#FBA4

400

#F974

500

#F74C

600

#D932

700

#AC27

800

#7B1C

900

#4F12

950

#310B

Shades

Darker variations

1#FA8568

2#F86642

3#F7481C

4#E33408

5#BD2B07

6#982305

7#721A04

8#4C1103

9#260901

Tints

Lighter variations

1#FBAD99

2#FCB6A4

3#FCBFB0

4#FDC8BB

5#FDD1C6

6#FDDAD2

7#FEE4DD

8#FEEDE8

9#FFF6F4

Tones

Muted variations

1#F5A793

2#F0AA99

3#EBAD9E

4#E5B1A4

5#E0B4A9

6#DAB7AF

7#D5BBB4

8#CFBEB9

9#CAC1BF

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF3 `#FEF3F0`	BackgroundsSubtle highlightsCard backgrounds
100	FEE3 `#FEE3DD`	Light backgroundsTable row hoverSkeleton loading
200	FDCB `#FDCBBF`	Secondary backgroundsInput backgroundsDividers
300	FBA4 `#FBA48E`	BordersInactive statesPlaceholder text
400	F974 `#F97453`	Disabled statesSecondary iconsMuted text
500	F74C `#F74C22`	Primary brand colorCTAsActive elementsLinks
600	D932 `#D93208`	Hover statesFocus ringsPrimary buttons hover
700	AC27 `#AC2706`	Active/pressed statesDark mode accentsSecondary text
800	7B1C `#7B1C04`	Text on light backgroundsHeadingsStrong borders
900	4F12 `#4F1203`	Primary textHigh emphasis contentDark headings
950	310B `#310B02`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --salmon-50: #FEF3F0;
  --salmon-100: #FEE3DD;
  --salmon-200: #FDCBBF;
  --salmon-300: #FBA48E;
  --salmon-400: #F97453;
  --salmon-500: #F74C22;
  --salmon-600: #D93208;
  --salmon-700: #AC2706;
  --salmon-800: #7B1C04;
  --salmon-900: #4F1203;
  --salmon-950: #310B02;
}

Generate More Shades Create Palette Convert Color