#C3DFD0

#C3DFD0

Color Values

HEX

#C3DFD0

RGB

195, 223, 208

HSL

147.9, 30.4%, 82.0%

HSV

147.9, 12.6%, 87.5%

CMYK

12.6%, 0.0%, 6.7%, 12.5%

OKLCH

0.8789 0.0361 162.3

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C3DFD0

#DFC3D2

Analogous

#C4DFC3

#C3DFDE

#C3DFD0

Triadic

#C3DFD0

#D0C3DF

#DFD0C3

Split Complementary

#C3DFD0

#DEC3DF

#DFC3C4

Tetradic

#C3DFD0

#C3C4DF

#DFC3D2

#DFDEC3

Color Blindness Simulation

Original

#C3DFD0

Protanopia

#CFCFD4

Deuteranopia

#CECBD4

Tritanopia

#C4D6D7

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D0E6DB
300
#AFD4C0
400
#84BD9F
500
#59A67D
600
#478564
700
#396A50
800
#2C533E
900
#233E30
950
#16271E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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