#C7F0DF

#C7F0DF

Color Values

HEX

#C7F0DF

RGB

199, 240, 223

HSL

155.1, 57.7%, 86.1%

HSV

155.1, 17.1%, 94.1%

CMYK

17.1%, 0.0%, 7.1%, 5.9%

OKLCH

0.9214 0.0483 168.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C7F0DF

#F0C7D8

Analogous

#C7F0CB

#C7EDF0

#C7F0DF

Triadic

#C7F0DF

#DFC7F0

#F0DFC7

Split Complementary

#C7F0DF

#F0C7ED

#F0CBC7

Tetradic

#C7F0DF

#CBC7F0

#F0C7D8

#EDF0C7

Color Blindness Simulation

Original

#C7F0DF

Protanopia

#D9D9E3

Deuteranopia

#D6D3E4

Tritanopia

#C9E6E7

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0DF
300
#9EE5C8
400
#6AD7AA
500
#36C98C
600
#2BA170
700
#23815A
800
#1B6546
900
#174A35
950
#0F2E21

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026