#C0C4F2

#C0C4F2

Color Values

HEX

#C0C4F2

RGB

192, 196, 242

HSL

235.2, 65.8%, 85.1%

HSV

235.2, 20.7%, 94.9%

CMYK

20.7%, 19.0%, 0.0%, 5.1%

OKLCH

0.8326 0.0644 281.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0C4F2

#F2EEC0

Analogous

#C0DDF2

#D5C0F2

#C0C4F2

Triadic

#C0C4F2

#F2C0C4

#C4F2C0

Split Complementary

#C0C4F2

#F2D5C0

#DDF2C0

Tetradic

#C0C4F2

#F2C0DD

#F2EEC0

#C0F2D5

Color Blindness Simulation

Original

#C0C4F2

Protanopia

#C2C2E7

Deuteranopia

#C2C1E4

Tritanopia

#C0DEDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C8F3
300
#9AA0EA
400
#636DDF
500
#2C39D3
600
#232EA9
700
#1C2487
800
#161D6A
900
#14184D
950
#0C0F31

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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