#EC6FA5

#EC6FA5

Color Values

HEX

#EC6FA5

RGB

236, 111, 165

HSL

334.1, 76.7%, 68.0%

HSV

334.1, 53.0%, 92.5%

CMYK

0.0%, 53.0%, 30.1%, 7.5%

OKLCH

0.7048 0.1641 355.0

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#EC6FA5

#6FECB6

Analogous

#EC6FE3

#EC776F

#EC6FA5

Triadic

#EC6FA5

#A5EC6F

#6FA5EC

Split Complementary

#EC6FA5

#6FEC77

#6FE3EC

Tetradic

#EC6FA5

#E3EC6F

#6FECB6

#776FEC

Color Blindness Simulation

Original

#EC6FA5

Protanopia

#B6B598

Deuteranopia

#BDC695

Tritanopia

#E68E8B

Achromatopsia

#8D8D8D

CSS Usage

background-color: #EC6FA5;
color: #EC6FA5;
border-color: #EC6FA5;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F7C0D8
300
#F193BB
400
#E95897
500
#E11E72
600
#B4185B
700
#901349
800
#710F39
900
#520F2C
950
#34091C

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026