#DFF0C9

#DFF0C9

Color Values

HEX

#DFF0C9

RGB

223, 240, 201

HSL

86.2, 56.5%, 86.5%

HSV

86.2, 16.2%, 94.1%

CMYK

7.1%, 0.0%, 16.2%, 5.9%

OKLCH

0.9324 0.0546 126.6

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFF0C9

#DAC9F0

Analogous

#F0EEC9

#CCF0C9

#DFF0C9

Triadic

#DFF0C9

#C9DFF0

#F0C9DF

Split Complementary

#DFF0C9

#C9CCF0

#EEC9F0

Tetradic

#DFF0C9

#C9F0EE

#DAC9F0

#F0C9CC

Color Blindness Simulation

Original

#DFF0C9

Protanopia

#E6E7D2

Deuteranopia

#E5E4D5

Tritanopia

#E0DADC

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DEEFC7
300
#C6E49F
400
#A7D66B
500
#89C837
600
#6DA02C
700
#578023
800
#44641C
900
#344918
950
#212E0F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026