#E6777F

#E6777F

Color Values

HEX

#E6777F

RGB

230, 119, 127

HSL

355.7, 68.9%, 68.4%

HSV

355.7, 48.3%, 90.2%

CMYK

0.0%, 48.3%, 44.8%, 9.8%

OKLCH

0.6976 0.1375 16.8

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E6777F

#77E6DE

Analogous

#E677B6

#E6A677

#E6777F

Triadic

#E6777F

#7FE677

#777FE6

Split Complementary

#E6777F

#77E6A6

#77B6E6

Tetradic

#E6777F

#B6E677

#77E6DE

#A677E6

Color Blindness Simulation

Original

#E6777F

Protanopia

#B6B57D

Deuteranopia

#BCC57D

Tritanopia

#E07C7B

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F8E3E4
200
#F4C3C6
300
#EC989E
400
#E26069
500
#D72834
600
#AC202A
700
#8A1921
800
#6C141A
900
#4E1217
950
#320C0E

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

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