#B414A3

#B414A3

Color Values

HEX

#B414A3

RGB

180, 20, 163

HSL

306.4, 80.0%, 39.2%

HSV

306.4, 88.9%, 70.6%

CMYK

0.0%, 88.9%, 9.4%, 29.4%

OKLCH

0.5355 0.2298 333.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B414A3

#14B425

Analogous

#7514B4

#B41453

#B414A3

Triadic

#B414A3

#A3B414

#14A3B4

Split Complementary

#B414A3

#53B414

#14B475

Tetradic

#B414A3

#B47514

#14B425

#1453B4

Color Blindness Simulation

Original

#B414A3

Protanopia

#6F6D80

Deuteranopia

#788478

Tritanopia

#AC655F

Achromatopsia

#404040

CSS Usage

background-color: #B414A3;
color: #B414A3;
border-color: #B414A3;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FB
100
#F9E1F7
200
#F8BFF2
300
#F391E8
400
#EC55DC
500
#E619D0
600
#B814A6
700
#931085
800
#730D68
900
#530E4C
950
#350930

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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