#C69DDB

#C69DDB

Color Values

HEX

#C69DDB

RGB

198, 157, 219

HSL

279.7, 46.3%, 73.7%

HSV

279.7, 28.3%, 85.9%

CMYK

9.6%, 28.3%, 0.0%, 14.1%

OKLCH

0.7547 0.0975 314.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C69DDB

#B2DB9D

Analogous

#A79DDB

#DB9DD1

#C69DDB

Triadic

#C69DDB

#DBC69D

#9DDBC6

Split Complementary

#C69DDB

#D1DB9D

#9DDBA7

Tetradic

#C69DDB

#DBA79D

#B2DB9D

#9DD1DB

Color Blindness Simulation

Original

#C69DDB

Protanopia

#B4B4CC

Deuteranopia

#B7BAC8

Tritanopia

#C4C0BE

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E1CBEC
300
#CBA5DE
400
#AF75CC
500
#9344BB
600
#753795
700
#5E2C77
800
#49225D
900
#371C45
950
#23122B

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026