#DFF3C0

#DFF3C0

Color Values

HEX

#DFF3C0

RGB

223, 243, 192

HSL

83.5, 68.0%, 85.3%

HSV

83.5, 21.0%, 95.3%

CMYK

8.2%, 0.0%, 21.0%, 4.7%

OKLCH

0.9366 0.0701 125.1

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFF3C0

#D4C0F3

Analogous

#F3EDC0

#C6F3C0

#DFF3C0

Triadic

#DFF3C0

#C0DFF3

#F3C0DF

Split Complementary

#DFF3C0

#C0C6F3

#EDC0F3

Tetradic

#DFF3C0

#C0F3ED

#D4C0F3

#F3C0C6

Color Blindness Simulation

Original

#DFF3C0

Protanopia

#E8E8CC

Deuteranopia

#E6E5CF

Tritanopia

#E0D6D8

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#E1F4C3
300
#CBEB98
400
#AFE160
500
#92D629
600
#75AB21
700
#5E891A
800
#496B14
900
#374E13
950
#23310C

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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