#C767D0

#C767D0

Color Values

HEX

#C767D0

RGB

199, 103, 208

HSL

294.9, 52.8%, 61.0%

HSV

294.9, 50.5%, 81.6%

CMYK

4.3%, 50.5%, 0.0%, 18.4%

OKLCH

0.6636 0.1788 324.1

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C767D0

#70D067

Analogous

#9367D0

#D067A4

#C767D0

Triadic

#C767D0

#D0C767

#67D0C7

Split Complementary

#C767D0

#A4D067

#67D093

Tetradic

#C767D0

#D09367

#70D067

#67A4D0

Color Blindness Simulation

Original

#C767D0

Protanopia

#9D9DB7

Deuteranopia

#A3AAB0

Tritanopia

#C2A39E

Achromatopsia

#838383

CSS Usage

background-color: #C767D0;
color: #C767D0;
border-color: #C767D0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EE
300
#DDA1E2
400
#CA6FD2
500
#B73CC3
600
#93309C
700
#75277D
800
#5C1E61
900
#441947
950
#2B102D

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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