#B372FF

#B372FF

Color Values

HEX

#B372FF

RGB

179, 114, 255

HSL

267.7, 100.0%, 72.4%

HSV

267.7, 55.3%, 100.0%

CMYK

29.8%, 55.3%, 0.0%, 0.0%

OKLCH

0.6828 0.2042 302.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B372FF

#BEFF72

Analogous

#7278FF

#FA72FF

#B372FF

Triadic

#B372FF

#FFB372

#72FFB3

Split Complementary

#B372FF

#FFFA72

#78FF72

Tetradic

#B372FF

#FF7278

#BEFF72

#72FFFA

Color Blindness Simulation

Original

#B372FF

Protanopia

#9796DD

Deuteranopia

#9BA0D5

Tritanopia

#B0C2BC

Achromatopsia

#8A8A8A

CSS Usage

background-color: #B372FF;
color: #B372FF;
border-color: #B372FF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FF
300
#BD85FF
400
#9942FF
500
#7600FF
600
#5E00CC
700
#4B00A3
800
#3B0080
900
#2D055C
950
#1C033A

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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