#C7CFF0

#C7CFF0

Color Values

HEX

#C7CFF0

RGB

199, 207, 240

HSL

228.3, 57.7%, 86.1%

HSV

228.3, 17.1%, 94.1%

CMYK

17.1%, 13.7%, 0.0%, 5.9%

OKLCH

0.8589 0.0466 274.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C7CFF0

#F0E8C7

Analogous

#C7E4F0

#D4C7F0

#C7CFF0

Triadic

#C7CFF0

#F0C7CF

#CFF0C7

Split Complementary

#C7CFF0

#F0D4C7

#E4F0C7

Tetradic

#C7CFF0

#F0C7E4

#F0E8C7

#C7F0D4

Color Blindness Simulation

Original

#C7CFF0

Protanopia

#CACBE8

Deuteranopia

#CAC9E6

Tritanopia

#C7E2E0

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E8F6
200
#C7CFF0
300
#9EACE5
400
#6A7FD7
500
#3653C9
600
#2B42A1
700
#233581
800
#1B2965
900
#17214A
950
#0F152E

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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