#C36DC8

#C36DC8

Color Values

HEX

#C36DC8

RGB

195, 109, 200

HSL

296.7, 45.3%, 60.6%

HSV

296.7, 45.5%, 78.4%

CMYK

2.5%, 45.5%, 0.0%, 21.6%

OKLCH

0.6636 0.159 325.2

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C36DC8

#72C86D

Analogous

#966DC8

#C86DA0

#C36DC8

Triadic

#C36DC8

#C8C36D

#6DC8C3

Split Complementary

#C36DC8

#A0C86D

#6DC896

Tetradic

#C36DC8

#C8966D

#72C86D

#6DA0C8

Color Blindness Simulation

Original

#C36DC8

Protanopia

#9E9DB2

Deuteranopia

#A3A9AD

Tritanopia

#BFA19D

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#EACBEB
300
#DAA6DE
400
#C776CB
500
#B346B9
600
#8F3894
700
#722D77
800
#59235D
900
#421D44
950
#2A122B

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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