Indian Red

#EB6560

Red

Color Codes

All color formats for development

HEX

#EB6560

RGB

rgb(235, 101, 96)

HSL

hsl(2, 78%, 65%)

OKLCH

oklch(0.673 0.167 24.7)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

3.20:1

AA ✗AAA ✗

On Black Background

6.56:1

AA ✓AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF2

100

#FBE0

200

#F8C6

300

#F29A

400

#EB65

500

#E639

600

#C81F

700

#9F18

800

#7111

900

#490B

950

#2D07

Shades

Darker variations

1#E84843

2#E42B25

3#CF201A

4#B11B16

5#941712

6#76120F

7#590E0B

8#3B0907

9#1E0504

Tints

Lighter variations

1#ED7470

2#EF8480

3#F19390

4#F3A2A0

5#F5B2B0

6#F7C1BF

7#F9D1CF

8#FBE0DF

9#FDF0EF

Tones

Muted variations

1#E46B67

2#DD726E

3#D67875

4#D07F7C

5#C98583

6#C28C8A

7#BB9291

8#B49998

9#AD9F9F

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF2 `#FDF2F1`	BackgroundsSubtle highlightsCard backgrounds
100	FBE0 `#FBE0DF`	Light backgroundsTable row hoverSkeleton loading
200	F8C6 `#F8C6C4`	Secondary backgroundsInput backgroundsDividers
300	F29A `#F29A97`	BordersInactive statesPlaceholder text
400	EB65 `#EB6560`	Disabled statesSecondary iconsMuted text
500	E639 `#E63933`	Primary brand colorCTAsActive elementsLinks
600	C81F `#C81F19`	Hover statesFocus ringsPrimary buttons hover
700	9F18 `#9F1814`	Active/pressed statesDark mode accentsSecondary text
800	7111 `#71110E`	Text on light backgroundsHeadingsStrong borders
900	490B `#490B09`	Primary textHigh emphasis contentDark headings
950	2D07 `#2D0706`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --indian-red-50: #FDF2F1;
  --indian-red-100: #FBE0DF;
  --indian-red-200: #F8C6C4;
  --indian-red-300: #F29A97;
  --indian-red-400: #EB6560;
  --indian-red-500: #E63933;
  --indian-red-600: #C81F19;
  --indian-red-700: #9F1814;
  --indian-red-800: #71110E;
  --indian-red-900: #490B09;
  --indian-red-950: #2D0706;
}

Generate More Shades Create Palette Convert Color