#E6896F

#E6896F

Color Values

HEX

#E6896F

RGB

230, 137, 111

HSL

13.1, 70.4%, 66.9%

HSV

13.1, 51.7%, 90.2%

CMYK

0.0%, 40.4%, 51.7%, 9.8%

OKLCH

0.7229 0.1204 36.4

Properties

Warm Light Nearest: lightsalmon 2

Color Harmonies

Complementary

#E6896F

#6FCCE6

Analogous

#E66F91

#E6C56F

#E6896F

Triadic

#E6896F

#6FE689

#896FE6

Split Complementary

#E6896F

#6FE6C5

#6F91E6

Tetradic

#E6896F

#91E66F

#6FCCE6

#C56FE6

Color Blindness Simulation

Original

#E6896F

Protanopia

#BEBD75

Deuteranopia

#C3CA77

Tritanopia

#E17A7B

Achromatopsia

#9B9B9B

CSS Usage

background-color: #E6896F;
color: #E6896F;
border-color: #E6896F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F4CDC2
300
#EDAA97
400
#E37B5E
500
#D94D26
600
#AE3E1E
700
#8B3118
800
#6D2613
900
#4F1F12
950
#32140B

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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