#C070FF

#C070FF

Color Values

HEX

#C070FF

RGB

192, 112, 255

HSL

273.6, 100.0%, 72.0%

HSV

273.6, 56.1%, 100.0%

CMYK

24.7%, 56.1%, 0.0%, 0.0%

OKLCH

0.6935 0.2103 307.6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C070FF

#AFFF70

Analogous

#7970FF

#FF70F6

#C070FF

Triadic

#C070FF

#FFC070

#70FFC0

Split Complementary

#C070FF

#F6FF70

#70FF79

Tetradic

#C070FF

#FF7970

#AFFF70

#70F6FF

Color Blindness Simulation

Original

#C070FF

Protanopia

#9D9DDC

Deuteranopia

#A2A8D4

Tritanopia

#BCC1BB

Achromatopsia

#8B8B8B

CSS Usage

background-color: #C070FF;
color: #C070FF;
border-color: #C070FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#E0B8FF
300
#C985FF
400
#AC42FF
500
#8F00FF
600
#7200CC
700
#5B00A3
800
#470080
900
#36055C
950
#22033A

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Pass

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