#B06CCF

#B06CCF

Color Values

HEX

#B06CCF

RGB

176, 108, 207

HSL

281,2, 50,8%, 61,8%

HSV

281,2, 47,8%, 81,2%

CMYK

15,0%, 47,8%, 0,0%, 18,8%

OKLCH

0,6436 0,158 314,4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B06CCF

#8BCF6C

Analogous

#7F6CCF

#CF6CBD

#B06CCF

Triadic

#B06CCF

#CFB06C

#6CCFB0

Split Complementary

#B06CCF

#BDCF6C

#6CCF7F

Tetradic

#B06CCF

#CF7F6C

#8BCF6C

#6CBDCF

Color Blindness Simulation

Original

#B06CCF

Protanopia

#9392B7

Deuteranopia

#969CB1

Tritanopia

#ADA4A0

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E2C9ED
300
#CDA3E1
400
#B371D1
500
#983FC0
600
#79329A
700
#61287B
800
#4C1F60
900
#391A47
950
#24112D

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,89: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