#C3CCF4

#C3CCF4

Color Values

HEX

#C3CCF4

RGB

195, 204, 244

HSL

229.0, 69.0%, 86.1%

HSV

229.0, 20.1%, 95.7%

CMYK

20.1%, 16.4%, 0.0%, 4.3%

OKLCH

0.8514 0.0566 275.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3CCF4

#F4EBC3

Analogous

#C3E5F4

#D3C3F4

#C3CCF4

Triadic

#C3CCF4

#F4C3CC

#CCF4C3

Split Complementary

#C3CCF4

#F4D3C3

#E5F4C3

Tetradic

#C3CCF4

#F4C3E5

#F4EBC3

#C3F4D3

Color Blindness Simulation

Original

#C3CCF4

Protanopia

#C7C7EA

Deuteranopia

#C6C6E8

Tritanopia

#C3E3E1

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CCF4
300
#98A7EC
400
#6077E2
500
#2848D7
600
#2039AC
700
#192E8A
800
#14246C
900
#121D4F
950
#0C1332

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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