#C7E6DF

#C7E6DF

Color Values

HEX

#C7E6DF

RGB

199, 230, 223

HSL

166.5, 38.3%, 84.1%

HSV

166.5, 13.5%, 90.2%

CMYK

13.5%, 0.0%, 3.0%, 9.8%

OKLCH

0.9005 0.0339 180.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C7E6DF

#E6C7CE

Analogous

#C7E6CF

#C7DDE6

#C7E6DF

Triadic

#C7E6DF

#DFC7E6

#E6DFC7

Split Complementary

#C7E6DF

#E6C7DD

#E6CFC7

Tetradic

#C7E6DF

#CFC7E6

#E6C7CE

#DDE6C7

Color Blindness Simulation

Original

#C7E6DF

Protanopia

#D4D5E1

Deuteranopia

#D3D0E1

Tritanopia

#C9E2E2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #C7E6DF;
color: #C7E6DF;
border-color: #C7E6DF;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E3
300
#AAD9CF
400
#7DC5B5
500
#4FB09A
600
#3F8D7B
700
#327163
800
#27584D
900
#20413A
950
#142924

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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