#B691CC

#B691CC

Color Values

HEX

#B691CC

RGB

182, 145, 204

HSL

277.6, 36.6%, 68.4%

HSV

277.6, 28.9%, 80.0%

CMYK

10.8%, 28.9%, 0.0%, 20.0%

OKLCH

0.7115 0.0931 312.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B691CC

#A7CC91

Analogous

#9891CC

#CC91C4

#B691CC

Triadic

#B691CC

#CCB691

#91CCB6

Split Complementary

#B691CC

#C4CC91

#91CC98

Tetradic

#B691CC

#CC9891

#A7CC91

#91C4CC

Color Blindness Simulation

Original

#B691CC

Protanopia

#A6A6BE

Deuteranopia

#A8ABBA

Tritanopia

#B4B2B0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE8
300
#C7ABD8
400
#A97EC3
500
#8B51AE
600
#6F418B
700
#59346F
800
#462857
900
#342040
950
#211529

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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