#C694F2

#C694F2

Color Values

HEX

#C694F2

RGB

198, 148, 242

HSL

271.9, 78.3%, 76.5%

HSV

271.9, 38.8%, 94.9%

CMYK

18.2%, 38.8%, 0.0%, 5.1%

OKLCH

0.7489 0.1407 307.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C694F2

#C0F294

Analogous

#9794F2

#F294EF

#C694F2

Triadic

#C694F2

#F2C694

#94F2C6

Split Complementary

#C694F2

#EFF294

#94F297

Tetradic

#C694F2

#F29794

#C0F294

#94EFF2

Color Blindness Simulation

Original

#C694F2

Protanopia

#B0B0DB

Deuteranopia

#B3B7D6

Tritanopia

#C4C9C5

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A557EB
500
#861CE3
600
#6B16B6
700
#561291
800
#430E72
900
#330E53
950
#200934

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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