#C7DAFA

#C7DAFA

Color Values

HEX

#C7DAFA

RGB

199, 218, 250

HSL

217.6, 83.6%, 88.0%

HSV

217.6, 20.4%, 98.0%

CMYK

20.4%, 12.8%, 0.0%, 2.0%

OKLCH

0.8844 0.0488 260.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7DAFA

#FAE7C7

Analogous

#C7F4FA

#CDC7FA

#C7DAFA

Triadic

#C7DAFA

#FAC7DA

#DAFAC7

Split Complementary

#C7DAFA

#FACDC7

#F4FAC7

Tetradic

#C7DAFA

#FAC7F4

#FAE7C7

#C7FACD

Color Blindness Simulation

Original

#C7DAFA

Protanopia

#CFCFF2

Deuteranopia

#CECDF0

Tritanopia

#C8ECEB

Achromatopsia

#D8D8D8

CSS Usage

background-color: #C7DAFA;
color: #C7DAFA;
border-color: #C7DAFA;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4F9
300
#8FB5F5
400
#528DF0
500
#1564EA
600
#1150BB
700
#0D4096
800
#0A3275
900
#0C2755
950
#081936

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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