#B36DDC

#B36DDC

Color Values

HEX

#B36DDC

RGB

179, 109, 220

HSL

277.8, 61.3%, 64.5%

HSV

277.8, 50.5%, 86.3%

CMYK

18.6%, 50.5%, 0.0%, 13.7%

OKLCH

0.6553 0.1721 311.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B36DDC

#96DC6D

Analogous

#7B6DDC

#DC6DCE

#B36DDC

Triadic

#B36DDC

#DCB36D

#6DDCB3

Split Complementary

#B36DDC

#CEDC6D

#6DDC7B

Tetradic

#B36DDC

#DC7B6D

#96DC6D

#6DCEDC

Color Blindness Simulation

Original

#B36DDC

Protanopia

#9594C1

Deuteranopia

#999EBB

Tritanopia

#AFACA7

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#F0E4F6
200
#E1C5F1
300
#CC9CE7
400
#B067DA
500
#9431CE
600
#7627A5
700
#5F2084
800
#4A1967
900
#37164B
950
#230E2F

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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