#B67CD4

#B67CD4

Color Values

HEX

#B67CD4

RGB

182, 124, 212

HSL

279.5, 50.6%, 65.9%

HSV

279.5, 41.5%, 83.1%

CMYK

14.2%, 41.5%, 0.0%, 16.9%

OKLCH

0.6783 0.1394 313.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B67CD4

#9AD47C

Analogous

#8A7CD4

#D47CC6

#B67CD4

Triadic

#B67CD4

#D4B67C

#7CD4B6

Split Complementary

#B67CD4

#C6D47C

#7CD48A

Tetradic

#B67CD4

#D48A7C

#9AD47C

#7CC6D4

Color Blindness Simulation

Original

#B67CD4

Protanopia

#9D9CBF

Deuteranopia

#A0A5BA

Tritanopia

#B3AEAA

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#F0E5F5
200
#E1C9ED
300
#CCA3E1
400
#B071D0
500
#943FC0
600
#76329A
700
#5F287B
800
#4A1F60
900
#371A47
950
#23112D

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

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