#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