#C692DB

#C692DB

Color Values

HEX

#C692DB

RGB

198, 146, 219

HSL

282.7, 50.3%, 71.6%

HSV

282.7, 33.3%, 85.9%

CMYK

9.6%, 33.3%, 0.0%, 14.1%

OKLCH

0.7352 0.1168 315.9

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#C692DB

#A7DB92

Analogous

#A292DB

#DB92CC

#C692DB

Triadic

#C692DB

#DBC692

#92DBC6

Split Complementary

#C692DB

#CCDB92

#92DBA2

Tetradic

#C692DB

#DBA292

#A7DB92

#92CCDB

Color Blindness Simulation

Original

#C692DB

Protanopia

#AFAFC9

Deuteranopia

#B2B6C5

Tritanopia

#C3BBB8

Achromatopsia

#A2A2A2

CSS Usage

background-color: #C692DB;
color: #C692DB;
border-color: #C692DB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F4FB
100
#F0E6F5
200
#E3C9ED
300
#CFA3E1
400
#B571D0
500
#9B3FC0
600
#7C3399
700
#63297B
800
#4D2060
900
#3A1B46
950
#24112C

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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