Indian Red

#EB606C

Red

Color Codes

All color formats for development

HEX

#EB606C

RGB

rgb(235, 96, 108)

HSL

hsl(355, 78%, 65%)

OKLCH

oklch(0.668 0.172 17.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

3.27:1

AA ✗AAA ✗

On Black Background

6.42: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#E84350

2#E42535

3#CF1A29

4#B11623

5#94121D

6#760F17

7#590B11

8#3B070C

9#1E0406

Tints

Lighter variations

1#ED707A

2#EF8089

3#F19098

4#F3A0A7

5#F5B0B5

6#F7BFC4

7#F9CFD3

8#FBDFE2

9#FDEFF0

Tones

Muted variations

1#E46772

2#DD6E77

3#D6757D

4#D07C83

5#C98389

6#C28A8F

7#BB9194

8#B4989A

9#AD9FA0

Usage Guidelines

Recommended use cases for each shade level

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

Export Code

Copy ready-to-use code for your project

:root {
  --indian-red-50: #FDF1F2;
  --indian-red-100: #FBDFE2;
  --indian-red-200: #F8C4C8;
  --indian-red-300: #F2979E;
  --indian-red-400: #EB606C;
  --indian-red-500: #E63342;
  --indian-red-600: #C81927;
  --indian-red-700: #9F141F;
  --indian-red-800: #710E16;
  --indian-red-900: #49090E;
  --indian-red-950: #2D0609;
}

Generate More Shades Create Palette Convert Color