#B037A7

#B037A7

Color Values

HEX

#B037A7

RGB

176, 55, 167

HSL

304.5, 52.4%, 45.3%

HSV

304.5, 68.8%, 69.0%

CMYK

0.0%, 68.8%, 5.1%, 31.0%

OKLCH

0.5546 0.1999 331.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B037A7

#37B040

Analogous

#7D37B0

#B0376A

#B037A7

Triadic

#B037A7

#A7B037

#37A7B0

Split Complementary

#B037A7

#6AB037

#37B07D

Tetradic

#B037A7

#B07D37

#37B040

#376AB0

Color Blindness Simulation

Original

#B037A7

Protanopia

#7C7B8C

Deuteranopia

#838C85

Tritanopia

#AA7672

Achromatopsia

#595959

CSS Usage

background-color: #B037A7;
color: #B037A7;
border-color: #B037A7;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EB
300
#E2A2DD
400
#D26FCB
500
#C23DB8
600
#9B3193
700
#7C2776
800
#611E5C
900
#471A44
950
#2D102B

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95: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