#B899C5

#B899C5

Color Values

HEX

#B899C5

RGB

184, 153, 197

HSL

282,3, 27,5%, 68,6%

HSV

282,3, 22,3%, 77,3%

CMYK

6,6%, 22,3%, 0,0%, 22,7%

OKLCH

0,7255 0,0713 315,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B899C5

#A6C599

Analogous

#A299C5

#C599BC

#B899C5

Triadic

#B899C5

#C5B899

#99C5B8

Split Complementary

#B899C5

#BCC599

#99C5A2

Tetradic

#B899C5

#C5A299

#A6C599

#99BCC5

Color Blindness Simulation

Original

#B899C5

Protanopia

#ABAABA

Deuteranopia

#ACAFB8

Tritanopia

#B6B2B0

Achromatopsia

#A3A3A3

CSS Usage

background-color: #B899C5;
color: #B899C5;
border-color: #B899C5;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD1E5
300
#C9B1D3
400
#AB87BB
500
#8E5CA3
600
#724A82
700
#5B3B68
800
#472E51
900
#35243C
950
#221726

Contrast Checker

Text on white

2,5:1

AA Fail AAA Fail

Text on black

8,4:1

AA Pass AAA Pass

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