#C7C2F0

#C7C2F0

Color Values

HEX

#C7C2F0

RGB

199, 194, 240

HSL

246.5, 60.5%, 85.1%

HSV

246.5, 19.2%, 94.1%

CMYK

17.1%, 19.2%, 0.0%, 5.9%

OKLCH

0.8333 0.064 289.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7C2F0

#EBF0C2

Analogous

#C2D4F0

#DEC2F0

#C7C2F0

Triadic

#C7C2F0

#F0C7C2

#C2F0C7

Split Complementary

#C7C2F0

#F0DEC2

#D4F0C2

Tetradic

#C7C2F0

#F0C2D4

#EBF0C2

#C2F0DE

Color Blindness Simulation

Original

#C7C2F0

Protanopia

#C5C5E5

Deuteranopia

#C5C5E2

Tritanopia

#C7DCDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CAC6F1
300
#A59DE7
400
#7468DA
500
#4332CD
600
#3628A4
700
#2B2083
800
#221966
900
#1C164B
950
#120E2F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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