#E35F76

#E35F76

Color Values

HEX

#E35F76

RGB

227, 95, 118

HSL

349.5, 70.2%, 63.1%

HSV

349.5, 58.1%, 89.0%

CMYK

0.0%, 58.1%, 48.0%, 11.0%

OKLCH

0.6576 0.1649 12.2

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#E35F76

#5FE3CC

Analogous

#E35FB8

#E38A5F

#E35F76

Triadic

#E35F76

#76E35F

#5F76E3

Split Complementary

#E35F76

#5FE38A

#5FB8E3

Tetradic

#E35F76

#B8E35F

#5FE3CC

#8A5FE3

Color Blindness Simulation

Original

#E35F76

Protanopia

#AAA970

Deuteranopia

#B2BB6F

Tritanopia

#DC6C6B

Achromatopsia

#7D7D7D

CSS Usage

background-color: #E35F76;
color: #E35F76;
border-color: #E35F76;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FCF3F4
100
#F8E2E6
200
#F4C2CB
300
#ED97A6
400
#E35E76
500
#D92645
600
#AE1E37
700
#8B182C
800
#6D1323
900
#4F121D
950
#320B12

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026