#C7E1FE

#C7E1FE

Color Values

HEX

#C7E1FE

RGB

199, 225, 254

HSL

211.6, 96.5%, 88.8%

HSV

211.6, 21.7%, 99.6%

CMYK

21.7%, 11.4%, 0.0%, 0.4%

OKLCH

0.8999 0.0486 251.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7E1FE

#FEE4C7

Analogous

#C7FDFE

#C8C7FE

#C7E1FE

Triadic

#C7E1FE

#FEC7E1

#E1FEC7

Split Complementary

#C7E1FE

#FEC8C7

#FDFEC7

Tetradic

#C7E1FE

#FEC7FD

#FEE4C7

#C7FEC8

Color Blindness Simulation

Original

#C7E1FE

Protanopia

#D2D2F7

Deuteranopia

#D1CFF5

Tritanopia

#C8F1F0

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FE
300
#87BFFD
400
#469CFC
500
#0479FB
600
#0461C8
700
#034DA0
800
#023C7D
900
#062E5B
950
#041D39

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026