#B562B9

#B562B9

Color Values

HEX

#B562B9

RGB

181, 98, 185

HSL

297.2, 38.3%, 55.5%

HSV

297.2, 47.0%, 72.5%

CMYK

2.2%, 47.0%, 0.0%, 27.5%

OKLCH

0.6233 0.1545 325.5

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#B562B9

#66B962

Analogous

#8962B9

#B96292

#B562B9

Triadic

#B562B9

#B9B562

#62B9B5

Split Complementary

#B562B9

#92B962

#62B989

Tetradic

#B562B9

#B98962

#66B962

#6292B9

Color Blindness Simulation

Original

#B562B9

Protanopia

#9190A4

Deuteranopia

#969C9F

Tritanopia

#B19390

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CEE9
300
#D7AAD9
400
#C17DC5
500
#AC4FB0
600
#893F8D
700
#6E3271
800
#562758
900
#402041
950
#281429

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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