#B178B7

#B178B7

Color Values

HEX

#B178B7

RGB

177, 120, 183

HSL

294.3, 30.4%, 59.4%

HSV

294.3, 34.4%, 71.8%

CMYK

3.3%, 34.4%, 0.0%, 28.2%

OKLCH

0.653 0.1112 323.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#B178B7

#7EB778

Analogous

#9178B7

#B7789D

#B178B7

Triadic

#B178B7

#B7B178

#78B7B1

Split Complementary

#B178B7

#9DB778

#78B791

Tetradic

#B178B7

#B79178

#7EB778

#789DB7

Color Blindness Simulation

Original

#B178B7

Protanopia

#9898A8

Deuteranopia

#9CA0A4

Tritanopia

#AE9C99

Achromatopsia

#898989

CSS Usage

background-color: #B178B7;
color: #B178B7;
border-color: #B178B7;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E4D0E6
300
#D1AFD4
400
#B884BD
500
#9F59A6
600
#7F4785
700
#66396A
800
#4F2C53
900
#3B233E
950
#251627

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass 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