#EC6FB5

#EC6FB5

Color Values

HEX

#EC6FB5

RGB

236, 111, 181

HSL

326.4, 76.7%, 68.0%

HSV

326.4, 53.0%, 92.5%

CMYK

0.0%, 53.0%, 23.3%, 7.5%

OKLCH

0.7103 0.1722 347.6

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#EC6FB5

#6FECA6

Analogous

#E46FEC

#EC6F76

#EC6FB5

Triadic

#EC6FB5

#B5EC6F

#6FB5EC

Split Complementary

#EC6FB5

#76EC6F

#6FECE4

Tetradic

#EC6FB5

#ECE46F

#6FECA6

#6F76EC

Color Blindness Simulation

Original

#EC6FB5

Protanopia

#B6B5A4

Deuteranopia

#BDC6A0

Tritanopia

#E69794

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F7C0DF
300
#F193C7
400
#E958A9
500
#E11E8B
600
#B4186F
700
#901359
800
#710F46
900
#520F34
950
#340921

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

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