#C298FA

#C298FA

Color Values

HEX

#C298FA

RGB

194, 152, 250

HSL

265.7, 90.7%, 78.8%

HSV

265.7, 39.2%, 98.0%

CMYK

22.4%, 39.2%, 0.0%, 2.0%

OKLCH

0.7557 0.1429 302.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C298FA

#D0FA98

Analogous

#989FFA

#F398FA

#C298FA

Triadic

#C298FA

#FAC298

#98FAC2

Split Complementary

#C298FA

#FAF398

#9FFA98

Tetradic

#C298FA

#FA989F

#D0FA98

#98FAF3

Color Blindness Simulation

Original

#C298FA

Protanopia

#B0AFE2

Deuteranopia

#B2B5DD

Tritanopia

#C0D0CB

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EBDFFB
200
#D7BBFC
300
#BA8AF9
400
#944BF6
500
#6F0CF3
600
#5909C3
700
#47089C
800
#37067A
900
#2B0958
950
#1B0638

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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