#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026