#C7DFCF

#C7DFCF

Color Values

HEX

#C7DFCF

RGB

199, 223, 207

HSL

140.0, 27.3%, 82.7%

HSV

140.0, 10.8%, 87.5%

CMYK

10.8%, 0.0%, 7.2%, 12.5%

OKLCH

0.8814 0.0335 156.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C7DFCF

#DFC7D7

Analogous

#CBDFC7

#C7DFDB

#C7DFCF

Triadic

#C7DFCF

#CFC7DF

#DFCFC7

Split Complementary

#C7DFCF

#DBC7DF

#DFC7CB

Tetradic

#C7DFCF

#C7CBDF

#DFC7D7

#DFDBC7

Color Blindness Simulation

Original

#C7DFCF

Protanopia

#D1D2D3

Deuteranopia

#D0CED4

Tritanopia

#C8D6D7

Achromatopsia

#D9D9D9

CSS Usage

background-color: #C7DFCF;
color: #C7DFCF;
border-color: #C7DFCF;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D8
300
#B1D3BC
400
#87BA98
500
#5DA274
600
#4A825D
700
#3B684A
800
#2E513A
900
#253C2C
950
#17261C

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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