#C4DFB7

#C4DFB7

Color Values

HEX

#C4DFB7

RGB

196, 223, 183

HSL

100.5, 38.5%, 79.6%

HSV

100.5, 17.9%, 87.5%

CMYK

12.1%, 0.0%, 17.9%, 12.5%

OKLCH

0.8732 0.0611 135.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#C4DFB7

#D2B7DF

Analogous

#D8DFB7

#B7DFBE

#C4DFB7

Triadic

#C4DFB7

#B7C4DF

#DFB7C4

Split Complementary

#C4DFB7

#BEB7DF

#DFB7D8

Tetradic

#C4DFB7

#B7D8DF

#D2B7DF

#DFBEB7

Color Blindness Simulation

Original

#C4DFB7

Protanopia

#D0D0C1

Deuteranopia

#CECCC3

Tritanopia

#C5C8CA

Achromatopsia

#D6D6D6

CSS Usage

background-color: #C4DFB7;
color: #C4DFB7;
border-color: #C4DFB7;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FAF5
100
#EBF3E7
200
#D6E9CE
300
#BAD9AA
400
#94C57C
500
#6EB14E
600
#588D3F
700
#477132
800
#375827
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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