#B687CE

#B687CE

Color Values

HEX

#B687CE

RGB

182, 135, 206

HSL

279.7, 42.0%, 66.9%

HSV

279.7, 34.5%, 80.8%

CMYK

11.7%, 34.5%, 0.0%, 19.2%

OKLCH

0.6943 0.1132 313.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B687CE

#9FCE87

Analogous

#9387CE

#CE87C3

#B687CE

Triadic

#B687CE

#CEB687

#87CEB6

Split Complementary

#B687CE

#C3CE87

#87CE93

Tetradic

#B687CE

#CE9387

#9FCE87

#87C3CE

Color Blindness Simulation

Original

#B687CE

Protanopia

#A2A1BD

Deuteranopia

#A4A8B9

Tritanopia

#B4AFAC

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F4
200
#E0CCEA
300
#CAA8DC
400
#AD79C8
500
#914AB5
600
#743B91
700
#5D2F74
800
#48255B
900
#361E43
950
#22132A

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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