#EC6B61

#EC6B61

Color Values

HEX

#EC6B61

RGB

236, 107, 97

HSL

4.3, 78.5%, 65.3%

HSV

4.3, 58.9%, 92.5%

CMYK

0.0%, 54.7%, 58.9%, 7.5%

OKLCH

0.6823 0.1617 26.7

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EC6B61

#61E2EC

Analogous

#EC619D

#ECB061

#EC6B61

Triadic

#EC6B61

#61EC6B

#6B61EC

Split Complementary

#EC6B61

#61ECB0

#619DEC

Tetradic

#EC6B61

#9DEC61

#61E2EC

#B061EC

Color Blindness Simulation

Original

#EC6B61

Protanopia

#B4B363

Deuteranopia

#BCC564

Tritanopia

#E66566

Achromatopsia

#868686

CSS Usage

background-color: #EC6B61;
color: #EC6B61;
border-color: #EC6B61;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F2
100
#F9E3E1
200
#F7C3BF
300
#F29992
400
#EB6157
500
#E42A1B
600
#B62116
700
#921B12
800
#72150E
900
#53130E
950
#340C09

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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