#C294F9

#C294F9

Color Values

HEX

#C294F9

RGB

194, 148, 249

HSL

267.3, 89.4%, 77.8%

HSV

267.3, 40.6%, 97.6%

CMYK

22.1%, 40.6%, 0.0%, 2.4%

OKLCH

0.7484 0.1481 304.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C294F9

#CBF994

Analogous

#9498F9

#F494F9

#C294F9

Triadic

#C294F9

#F9C294

#94F9C2

Split Complementary

#C294F9

#F9F494

#98F994

Tetradic

#C294F9

#F99498

#CBF994

#94F9F4

Color Blindness Simulation

Original

#C294F9

Protanopia

#AEAEE1

Deuteranopia

#B1B4DB

Tritanopia

#C0CDC9

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FB
200
#D8BBFB
300
#BD8BF9
400
#994CF5
500
#750EF1
600
#5E0BC1
700
#4B099B
800
#3B0779
900
#2D0957
950
#1C0637

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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