#C06CF6

#C06CF6

Color Values

HEX

#C06CF6

RGB

192, 108, 246

HSL

276,5, 88,5%, 69,4%

HSV

276,5, 56,1%, 96,5%

CMYK

22,0%, 56,1%, 0,0%, 3,5%

OKLCH

0,6828 0,2065 310,1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C06CF6

#A2F66C

Analogous

#7B6CF6

#F66CE7

#C06CF6

Triadic

#C06CF6

#F6C06C

#6CF6C0

Split Complementary

#C06CF6

#E7F66C

#6CF67B

Tetradic

#C06CF6

#F67B6C

#A2F66C

#6CE7F6

Color Blindness Simulation

Original

#C06CF6

Protanopia

#9C9BD5

Deuteranopia

#A0A7CD

Tritanopia

#BCBAB4

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E0FB
200
#E2BCFB
300
#CE8CF8
400
#B34DF4
500
#980FF0
600
#7A0CC0
700
#61099A
800
#4C0778
900
#390A57
950
#240637

Contrast Checker

Text on white

3,13:1

AA Fail AAA Fail

Text on black

6,72:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026