#C5CCFA

#C5CCFA

Color Values

HEX

#C5CCFA

RGB

197, 204, 250

HSL

232.1, 84.1%, 87.6%

HSV

232.1, 21.2%, 98.0%

CMYK

21.2%, 18.4%, 0.0%, 2.0%

OKLCH

0.8551 0.0644 278.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C5CCFA

#FAF3C5

Analogous

#C5E6FA

#D8C5FA

#C5CCFA

Triadic

#C5CCFA

#FAC5CC

#CCFAC5

Split Complementary

#C5CCFA

#FAD8C5

#E6FAC5

Tetradic

#C5CCFA

#FAC5E6

#FAF3C5

#C5FAD8

Color Blindness Simulation

Original

#C5CCFA

Protanopia

#C8C8EF

Deuteranopia

#C8C7EC

Tritanopia

#C5E6E4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BDC5F9
300
#8E9CF5
400
#5166F0
500
#1431EB
600
#1027BC
700
#0D1F96
800
#0A1875
900
#0C1555
950
#070E36

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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