#B696EE

#B696EE

Color Values

HEX

#B696EE

RGB

182, 150, 238

HSL

261.8, 72.1%, 76.1%

HSV

261.8, 37.0%, 93.3%

CMYK

23.5%, 37.0%, 0.0%, 6.7%

OKLCH

0.7356 0.1282 300.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B696EE

#CEEE96

Analogous

#96A2EE

#E296EE

#B696EE

Triadic

#B696EE

#EEB696

#96EEB6

Split Complementary

#B696EE

#EEE296

#A2EE96

Tetradic

#B696EE

#EE96A2

#CEEE96

#96EEE2

Color Blindness Simulation

Original

#B696EE

Protanopia

#A8A8D9

Deuteranopia

#AAACD4

Tritanopia

#B4C8C4

Achromatopsia

#A3A3A3

CSS Usage

background-color: #B696EE;
color: #B696EE;
border-color: #B696EE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F3FC
100
#EAE2F8
200
#D4C2F5
300
#B696EE
400
#8E5DE5
500
#6624DB
600
#521CB0
700
#42178C
800
#33126E
900
#281150
950
#190B32

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026