#C7EDFE

#C7EDFE

Color Values

HEX

#C7EDFE

RGB

199, 237, 254

HSL

198.5, 96.5%, 88.8%

HSV

198.5, 21.7%, 99.6%

CMYK

21.7%, 6.7%, 0.0%, 0.4%

OKLCH

0.9244 0.0458 226.7

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C7EDFE

#FED8C7

Analogous

#C7FEF3

#C7D1FE

#C7EDFE

Triadic

#C7EDFE

#FEC7ED

#EDFEC7

Split Complementary

#C7EDFE

#FEC7D1

#FEF3C7

Tetradic

#C7EDFE

#F3C7FE

#FED8C7

#D1FEC7

Color Blindness Simulation

Original

#C7EDFE

Protanopia

#D7D8FA

Deuteranopia

#D5D2F9

Tritanopia

#C9F7F6

Achromatopsia

#E6E6E6

CSS Usage

background-color: #C7EDFE;
color: #C7EDFE;
border-color: #C7EDFE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9E9FE
300
#87D8FD
400
#46C4FC
500
#04AFFB
600
#048CC8
700
#0370A0
800
#02577D
900
#06415B
950
#042939

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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