#B25998

#B25998

Color Values

HEX

#B25998

RGB

178, 89, 152

HSL

317.5, 36.6%, 52.4%

HSV

317.5, 50.0%, 69.8%

CMYK

0.0%, 50.0%, 14.6%, 30.2%

OKLCH

0.5916 0.1388 339.6

Properties

Warm Light Nearest: Plum

Color Harmonies

Complementary

#B25998

#59B273

Analogous

#A059B2

#B2596C

#B25998

Triadic

#B25998

#98B259

#5998B2

Split Complementary

#B25998

#6CB259

#59B2A0

Tetradic

#B25998

#B2A059

#59B273

#596CB2

Color Blindness Simulation

Original

#B25998

Protanopia

#8B8B89

Deuteranopia

#919785

Tritanopia

#AE7D7A

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CEE1
300
#D8ABCB
400
#C37EAF
500
#AE5193
600
#8B4176
700
#6F345E
800
#572849
900
#402037
950
#291523

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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