#B485A2

#B485A2

Color Values

HEX

#B485A2

RGB

180, 133, 162

HSL

323.0, 23.9%, 61.4%

HSV

323.0, 26.1%, 70.6%

CMYK

0.0%, 26.1%, 10.0%, 29.4%

OKLCH

0.6714 0.0695 341.6

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#B485A2

#85B497

Analogous

#AF85B4

#B4858B

#B485A2

Triadic

#B485A2

#A2B485

#85A2B4

Split Complementary

#B485A2

#8BB485

#85B4AF

Tetradic

#B485A2

#B4AF85

#85B497

#858BB4

Color Blindness Simulation

Original

#B485A2

Protanopia

#A09F9B

Deuteranopia

#A2A699

Tritanopia

#B29594

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DD
300
#D0B3C5
400
#B78AA6
500
#9E6187
600
#7E4E6C
700
#653E56
800
#4F3143
900
#3B2633
950
#251820

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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