#B299CB

#B299CB

Color Values

HEX

#B299CB

RGB

178, 153, 203

HSL

270.0, 32.5%, 69.8%

HSV

270.0, 24.6%, 79.6%

CMYK

12.3%, 24.6%, 0.0%, 20.4%

OKLCH

0.7223 0.0762 307.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B299CB

#B2CB99

Analogous

#9999CB

#CB99CB

#B299CB

Triadic

#B299CB

#CBB299

#99CBB2

Split Complementary

#B299CB

#CBCB99

#99CB99

Tetradic

#B299CB

#CB9999

#B2CB99

#99CBCB

Color Blindness Simulation

Original

#B299CB

Protanopia

#A7A7BF

Deuteranopia

#A9AABC

Tritanopia

#B1B5B3

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DBD0E7
300
#C2AED6
400
#A182BF
500
#8056A9
600
#664587
700
#52376C
800
#402B54
900
#30223F
950
#1F1628

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026