#BC35CC

#BC35CC

Color Values

HEX

#BC35CC

RGB

188, 53, 204

HSL

293.6, 59.7%, 50.4%

HSV

293.6, 74.0%, 80.0%

CMYK

7.8%, 74.0%, 0.0%, 20.0%

OKLCH

0.5915 0.2369 323.3

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#BC35CC

#45CC35

Analogous

#7035CC

#CC3591

#BC35CC

Triadic

#BC35CC

#CCBC35

#35CCBC

Split Complementary

#BC35CC

#91CC35

#35CC70

Tetradic

#BC35CC

#CC7035

#45CC35

#3591CC

Color Blindness Simulation

Original

#BC35CC

Protanopia

#8280A8

Deuteranopia

#89949F

Tritanopia

#B58B84

Achromatopsia

#5D5D5D

CSS Usage

background-color: #BC35CC;
color: #BC35CC;
border-color: #BC35CC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#ECC6F1
300
#DF9DE6
400
#CD68D9
500
#BB33CC
600
#9629A3
700
#782182
800
#5E1A66
900
#45164A
950
#2C0E2F

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026