#EB86C2

#EB86C2

Color Values

HEX

#EB86C2

RGB

235, 134, 194

HSL

324,4, 71,6%, 72,4%

HSV

324,4, 43,0%, 92,2%

CMYK

0,0%, 43,0%, 17,4%, 7,8%

OKLCH

0,7465 0,1421 344,6

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#EB86C2

#86EBAF

Analogous

#E286EB

#EB8690

#EB86C2

Triadic

#EB86C2

#C2EB86

#86C2EB

Split Complementary

#EB86C2

#90EB86

#86EBE2

Tetradic

#EB86C2

#EBE286

#86EBAF

#8690EB

Color Blindness Simulation

Original

#EB86C2

Protanopia

#BFBEB3

Deuteranopia

#C5CDB0

Tritanopia

#E6A8A6

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F5C2E0
300
#EE96CA
400
#E45DAD
500
#DB2491
600
#AF1D74
700
#8C175D
800
#6D1248
900
#501136
950
#320B22

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,72: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