#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026