#B64A74

#B64A74

Color Values

HEX

#B64A74

RGB

182, 74, 116

HSL

336.7, 42.5%, 50.2%

HSV

336.7, 59.3%, 71.4%

CMYK

0.0%, 59.3%, 36.3%, 28.6%

OKLCH

0.5631 0.146 358.6

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#B64A74

#4AB68C

Analogous

#B64AAA

#B6564A

#B64A74

Triadic

#B64A74

#74B64A

#4A74B6

Split Complementary

#B64A74

#4AB656

#4AAAB6

Tetradic

#B64A74

#AAB64A

#4AB68C

#564AB6

Color Blindness Simulation

Original

#B64A74

Protanopia

#87866A

Deuteranopia

#8E9667

Tritanopia

#B16260

Achromatopsia

#646464

CSS Usage

background-color: #B64A74;
color: #B64A74;
border-color: #B64A74;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EACCD8
300
#DCA8BC
400
#C97998
500
#B64973
600
#913B5C
700
#742F4A
800
#5B253A
900
#431E2C
950
#2A131C

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026