#C694FA

#C694FA

Color Values

HEX

#C694FA

RGB

198, 148, 250

HSL

269.4, 91.1%, 78.0%

HSV

269.4, 40.8%, 98.0%

CMYK

20.8%, 40.8%, 0.0%, 2.0%

OKLCH

0.7527 0.1505 305.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C694FA

#C8FA94

Analogous

#9495FA

#F994FA

#C694FA

Triadic

#C694FA

#FAC694

#94FAC6

Split Complementary

#C694FA

#FAF994

#95FA94

Tetradic

#C694FA

#FA9495

#C8FA94

#94FAF9

Color Blindness Simulation

Original

#C694FA

Protanopia

#B0B0E1

Deuteranopia

#B3B7DB

Tritanopia

#C4CECA

Achromatopsia

#A6A6A6

CSS Usage

background-color: #C694FA;
color: #C694FA;
border-color: #C694FA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C18AFA
400
#9F4BF7
500
#7D0BF4
600
#6409C3
700
#50079C
800
#3F067A
900
#300958
950
#1E0638

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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