#B46295

#B46295

Color Values

HEX

#B46295

RGB

180, 98, 149

HSL

322.7, 35.3%, 54.5%

HSV

322.7, 45.6%, 70.6%

CMYK

0.0%, 45.6%, 17.2%, 29.4%

OKLCH

0.6066 0.1229 343.3

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#B46295

#62B481

Analogous

#AA62B4

#B4626C

#B46295

Triadic

#B46295

#95B462

#6295B4

Split Complementary

#B46295

#6CB462

#62B4AA

Tetradic

#B46295

#B4AA62

#62B481

#626CB4

Color Blindness Simulation

Original

#B46295

Protanopia

#909089

Deuteranopia

#959B86

Tritanopia

#B07F7D

Achromatopsia

#777777

CSS Usage

background-color: #B46295;
color: #B46295;
border-color: #B46295;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CFDE
300
#D7ACC7
400
#C27FA9
500
#AD528A
600
#8A426F
700
#6E3559
800
#562945
900
#402134
950
#281521

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026