#BE6CCF

#BE6CCF

Color Values

HEX

#BE6CCF

RGB

190, 108, 207

HSL

289.7, 50.8%, 61.8%

HSV

289.7, 47.8%, 81.2%

CMYK

8.2%, 47.8%, 0.0%, 18.8%

OKLCH

0.6596 0.1648 320.5

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BE6CCF

#7DCF6C

Analogous

#8D6CCF

#CF6CAF

#BE6CCF

Triadic

#BE6CCF

#CFBE6C

#6CCFBE

Split Complementary

#BE6CCF

#AFCF6C

#6CCF8D

Tetradic

#BE6CCF

#CF8D6C

#7DCF6C

#6CAFCF

Color Blindness Simulation

Original

#BE6CCF

Protanopia

#9A9AB7

Deuteranopia

#9FA5B1

Tritanopia

#BAA4A0

Achromatopsia

#858585

CSS Usage

background-color: #BE6CCF;
color: #BE6CCF;
border-color: #BE6CCF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF4FB
100
#F2E5F5
200
#E7C9ED
300
#D6A3E1
400
#C071D1
500
#AA3FC0
600
#88329A
700
#6D287B
800
#551F60
900
#3F1A47
950
#28112D

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

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