Indian Red

#EB606E

Red

Color Codes

All color formats for development

HEX

#EB606E

RGB

rgb(235, 96, 110)

HSL

hsl(354, 78%, 65%)

OKLCH

oklch(0.669 0.172 17)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

3.27:1

AA ✗AAA ✗

On Black Background

6.43: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

#F297

400

#EB60

500

#E633

600

#C819

700

#9F14

800

#710E

900

#4909

950

#2D06

Shades

Darker variations

1#E84353

2#E42538

3#CF1A2C

4#B11625

5#94121F

6#760F19

7#590B13

8#3B070C

9#1E0406

Tints

Lighter variations

1#ED707D

2#EF808B

3#F1909A

4#F3A0A8

5#F5B0B7

6#F7BFC5

7#F9CFD4

8#FBDFE2

9#FDEFF1

Tones

Muted variations

1#E46774

2#DD6E79

3#D6757F

4#D07C84

5#C9838A

6#C28A8F

7#BB9195

8#B4989B

9#AD9FA0

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF1 `#FDF1F3`	BackgroundsSubtle highlightsCard backgrounds
100	FBDF `#FBDFE2`	Light backgroundsTable row hoverSkeleton loading
200	F8C4 `#F8C4C9`	Secondary backgroundsInput backgroundsDividers
300	F297 `#F297A0`	BordersInactive statesPlaceholder text
400	EB60 `#EB606E`	Disabled statesSecondary iconsMuted text
500	E633 `#E63345`	Primary brand colorCTAsActive elementsLinks
600	C819 `#C8192A`	Hover statesFocus ringsPrimary buttons hover
700	9F14 `#9F1422`	Active/pressed statesDark mode accentsSecondary text
800	710E `#710E18`	Text on light backgroundsHeadingsStrong borders
900	4909 `#49090F`	Primary textHigh emphasis contentDark headings
950	2D06 `#2D060A`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --indian-red-50: #FDF1F3;
  --indian-red-100: #FBDFE2;
  --indian-red-200: #F8C4C9;
  --indian-red-300: #F297A0;
  --indian-red-400: #EB606E;
  --indian-red-500: #E63345;
  --indian-red-600: #C8192A;
  --indian-red-700: #9F1422;
  --indian-red-800: #710E18;
  --indian-red-900: #49090F;
  --indian-red-950: #2D060A;
}

Generate More Shades Create Palette Convert Color