#EC6B69

#EC6B69

Color Values

HEX

#EC6B69

RGB

236, 107, 105

HSL

0.9, 77.5%, 66.9%

HSV

0.9, 55.5%, 92.5%

CMYK

0.0%, 54.7%, 55.5%, 7.5%

OKLCH

0.6838 0.1605 23.1

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EC6B69

#69EAEC

Analogous

#EC69A9

#ECAD69

#EC6B69

Triadic

#EC6B69

#69EC6B

#6B69EC

Split Complementary

#EC6B69

#69ECAD

#69A9EC

Tetradic

#EC6B69

#A9EC69

#69EAEC

#AD69EC

Color Blindness Simulation

Original

#EC6B69

Protanopia

#B4B369

Deuteranopia

#BCC56A

Tritanopia

#E66A6A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E2E1
200
#F7C0C0
300
#F19492
400
#EA5A58
500
#E2201D
600
#B51917
700
#911412
800
#71100E
900
#52100F
950
#340A09

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026