#EB5686

#EB5686

Color Values

HEX

#EB5686

RGB

235, 86, 134

HSL

340,7, 78,8%, 62,9%

HSV

340,7, 63,4%, 92,2%

CMYK

0,0%, 63,4%, 43,0%, 7,8%

OKLCH

0,6628 0,1873 3,9

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EB5686

#56EBBB

Analogous

#EB56D0

#EB7056

#EB5686

Triadic

#EB5686

#86EB56

#5686EB

Split Complementary

#EB5686

#56EB70

#56D0EB

Tetradic

#EB5686

#D0EB56

#56EBBB

#7056EB

Color Blindness Simulation

Original

#EB5686

Protanopia

#AAA97A

Deuteranopia

#B3BE78

Tritanopia

#E4716F

Achromatopsia

#797979

CSS Usage

background-color: #EB5686;
color: #EB5686;
border-color: #EB5686;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF2F6
100
#F9E1E9
200
#F7BFD1
300
#F292B1
400
#EB5686
500
#E41B5C
600
#B61649
700
#92113B
800
#720E2E
900
#530E24
950
#340917

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,21:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026