#C6C2F0

#C6C2F0

Color Values

HEX

#C6C2F0

RGB

198, 194, 240

HSL

245.2, 60.5%, 85.1%

HSV

245.2, 19.2%, 94.1%

CMYK

17.5%, 19.2%, 0.0%, 5.9%

OKLCH

0.8325 0.064 288.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C6C2F0

#ECF0C2

Analogous

#C2D5F0

#DDC2F0

#C6C2F0

Triadic

#C6C2F0

#F0C6C2

#C2F0C6

Split Complementary

#C6C2F0

#F0DDC2

#D5F0C2

Tetradic

#C6C2F0

#F0C2D5

#ECF0C2

#C2F0DD

Color Blindness Simulation

Original

#C6C2F0

Protanopia

#C4C4E5

Deuteranopia

#C4C5E2

Tritanopia

#C6DCDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#C9C6F1
300
#A39DE7
400
#7168DA
500
#4032CD
600
#3328A4
700
#292083
800
#201966
900
#1B164B
950
#110E2F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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