#B143AC

#B143AC

Color Values

HEX

#B143AC

RGB

177, 67, 172

HSL

302.7, 45.1%, 47.8%

HSV

302.7, 62.1%, 69.4%

CMYK

0.0%, 62.1%, 2.8%, 30.6%

OKLCH

0.5711 0.1887 329.5

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#B143AC

#43B148

Analogous

#7F43B1

#B14375

#B143AC

Triadic

#B143AC

#ACB143

#43ACB1

Split Complementary

#B143AC

#75B143

#43B17F

Tetradic

#B143AC

#B17F43

#43B148

#4375B1

Color Blindness Simulation

Original

#B143AC

Protanopia

#818093

Deuteranopia

#88908C

Tritanopia

#AC7F7A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DB
400
#CB76C7
500
#B946B4
600
#943890
700
#762D73
800
#5D235A
900
#441D42
950
#2B122A

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026