#B692C6

#B692C6

Color Values

HEX

#B692C6

RGB

182, 146, 198

HSL

281.5, 31.3%, 67.5%

HSV

281.5, 26.3%, 77.6%

CMYK

8.1%, 26.3%, 0.0%, 22.4%

OKLCH

0.7109 0.084 315.3

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B692C6

#A2C692

Analogous

#9C92C6

#C692BC

#B692C6

Triadic

#B692C6

#C6B692

#92C6B6

Split Complementary

#B692C6

#BCC692

#92C69C

Tetradic

#B692C6

#C69C92

#A2C692

#92BCC6

Color Blindness Simulation

Original

#B692C6

Protanopia

#A6A6B9

Deuteranopia

#A8ABB6

Tritanopia

#B4AFAD

Achromatopsia

#9D9D9D

CSS Usage

background-color: #B692C6;
color: #B692C6;
border-color: #B692C6;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#C9AFD5
400
#AC83BE
500
#8F58A7
600
#724686
700
#5B386B
800
#472C54
900
#36233E
950
#221627

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026