#B845AC

#B845AC

Color Values

HEX

#B845AC

RGB

184, 69, 172

HSL

306.3, 45.5%, 49.6%

HSV

306.3, 62.5%, 72.2%

CMYK

0.0%, 62.5%, 6.5%, 27.8%

OKLCH

0.5833 0.19 332.1

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#B845AC

#45B851

Analogous

#8B45B8

#B84572

#B845AC

Triadic

#B845AC

#ACB845

#45ACB8

Split Complementary

#B845AC

#72B845

#45B88B

Tetradic

#B845AC

#B88B45

#45B851

#4572B8

Color Blindness Simulation

Original

#B845AC

Protanopia

#868593

Deuteranopia

#8D958D

Tritanopia

#B27F7B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE8
300
#DEA6D8
400
#CC76C3
500
#BA45AD
600
#94388B
700
#772C6F
800
#5D2357
900
#441D40
950
#2B1228

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026