#B270AA

#B270AA

Color Values

HEX

#B270AA

RGB

178, 112, 170

HSL

307.3, 30.0%, 56.9%

HSV

307.3, 37.1%, 69.8%

CMYK

0.0%, 37.1%, 4.5%, 30.2%

OKLCH

0.6351 0.1134 331.2

Properties

Warm Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#B270AA

#70B278

Analogous

#9970B2

#B27089

#B270AA

Triadic

#B270AA

#AAB270

#70AAB2

Split Complementary

#B270AA

#89B270

#70B299

Tetradic

#B270AA

#B29970

#70B278

#7089B2

Color Blindness Simulation

Original

#B270AA

Protanopia

#95959C

Deuteranopia

#999E99

Tritanopia

#AF918E

Achromatopsia

#828282

CSS Usage

background-color: #B270AA;
color: #B270AA;
border-color: #B270AA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E3
300
#D4AFD0
400
#BD84B6
500
#A6599C
600
#85477D
700
#6A3964
800
#532D4E
900
#3E233A
950
#271625

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026