#C6C0EC

#C6C0EC

Color Values

HEX

#C6C0EC

RGB

198, 192, 236

HSL

248.2, 53.7%, 83.9%

HSV

248.2, 18.6%, 92.5%

CMYK

16.1%, 18.6%, 0.0%, 7.5%

OKLCH

0.8271 0.0614 291.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C6C0EC

#E6ECC0

Analogous

#C0D0EC

#DCC0EC

#C6C0EC

Triadic

#C6C0EC

#ECC6C0

#C0ECC6

Split Complementary

#C6C0EC

#ECDCC0

#D0ECC0

Tetradic

#C6C0EC

#ECC0D0

#E6ECC0

#C0ECDC

Color Blindness Simulation

Original

#C6C0EC

Protanopia

#C3C3E1

Deuteranopia

#C4C4DF

Tritanopia

#C6D9D7

Achromatopsia

#C4C4C4

CSS Usage

background-color: #C6C0EC;
color: #C6C0EC;
border-color: #C6C0EC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EE
300
#AAA1E3
400
#7C6ED3
500
#4E3BC4
600
#3E2F9D
700
#32267D
800
#271E62
900
#1F1948
950
#14102D

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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