#C7E2CF

#C7E2CF

Color Values

HEX

#C7E2CF

RGB

199, 226, 207

HSL

137.8, 31.8%, 83.3%

HSV

137.8, 11.9%, 88.6%

CMYK

11.9%, 0.0%, 8.4%, 11.4%

OKLCH

0.8877 0.0385 154.9

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C7E2CF

#E2C7DA

Analogous

#CCE2C7

#C7E2DC

#C7E2CF

Triadic

#C7E2CF

#CFC7E2

#E2CFC7

Split Complementary

#C7E2CF

#DCC7E2

#E2C7CC

Tetradic

#C7E2CF

#C7CCE2

#E2C7DA

#E2DCC7

Color Blindness Simulation

Original

#C7E2CF

Protanopia

#D3D3D4

Deuteranopia

#D1CFD5

Tritanopia

#C8D7D8

Achromatopsia

#DBDBDB

CSS Usage

background-color: #C7E2CF;
color: #C7E2CF;
border-color: #C7E2CF;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5F9F7
100
#E8F2EB
200
#D0E7D7
300
#AED5BA
400
#83BF94
500
#57A86F
600
#468659
700
#386C47
800
#2B5438
900
#233E2B
950
#16271B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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