#C68EFE

#C68EFE

Color Values

HEX

#C68EFE

RGB

198, 142, 254

HSL

270.0, 98.2%, 77.6%

HSV

270.0, 44.1%, 99.6%

CMYK

22.0%, 44.1%, 0.0%, 0.4%

OKLCH

0.7447 0.1649 305.8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C68EFE

#C6FE8E

Analogous

#8E8EFE

#FE8EFE

#C68EFE

Triadic

#C68EFE

#FEC68E

#8EFEC6

Split Complementary

#C68EFE

#FEFE8E

#8EFE8E

Tetradic

#C68EFE

#FE8E8E

#C6FE8E

#8EFEFE

Color Blindness Simulation

Original

#C68EFE

Protanopia

#AEADE3

Deuteranopia

#B1B5DC

Tritanopia

#C3CDC9

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB8FE
300
#C286FE
400
#A144FD
500
#8002FD
600
#6602CA
700
#5201A2
800
#40017E
900
#30065B
950
#1F043A

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.7:1

AA Pass AAA Pass

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