#E26084

#E26084

Color Values

HEX

#E26084

RGB

226, 96, 132

HSL

343.4, 69.1%, 63.1%

HSV

343.4, 57.5%, 88.6%

CMYK

0.0%, 57.5%, 41.6%, 11.4%

OKLCH

0.6611 0.1647 5.5

Properties

Warm Light Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#E26084

#60E2BE

Analogous

#E260C5

#E27D60

#E26084

Triadic

#E26084

#84E260

#6084E2

Split Complementary

#E26084

#60E27D

#60C5E2

Tetradic

#E26084

#C5E260

#60E2BE

#7D60E2

Color Blindness Simulation

Original

#E26084

Protanopia

#AAA97B

Deuteranopia

#B1BB79

Tritanopia

#DC7473

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F8E3E8
200
#F4C3D0
300
#EC98AF
400
#E25F84
500
#D82758
600
#AC2047
700
#8A1938
800
#6C142C
900
#4F1223
950
#320C16

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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