#C692F5

#C692F5

Color Values

HEX

#C692F5

RGB

198, 146, 245

HSL

271.5, 83.2%, 76.7%

HSV

271.5, 40.4%, 96.1%

CMYK

19.2%, 40.4%, 0.0%, 3.9%

OKLCH

0.7469 0.1477 307.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C692F5

#C1F592

Analogous

#9592F5

#F592F3

#C692F5

Triadic

#C692F5

#F5C692

#92F5C6

Split Complementary

#C692F5

#F3F592

#92F595

Tetradic

#C692F5

#F59592

#C1F592

#92F3F5

Color Blindness Simulation

Original

#C692F5

Protanopia

#AFAFDD

Deuteranopia

#B2B6D7

Tritanopia

#C3CAC6

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C48FF5
400
#A552EF
500
#8515EA
600
#6A11BB
700
#550E95
800
#420B75
900
#320C55
950
#200836

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026