#DFFFB2

#DFFFB2

Color Values

HEX

#DFFFB2

RGB

223, 255, 178

HSL

84.9, 100.0%, 84.9%

HSV

84.9, 30.2%, 100.0%

CMYK

12.5%, 0.0%, 30.2%, 0.0%

OKLCH

0.9588 0.1045 126.6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#DFFFB2

#D2B2FF

Analogous

#FFF8B2

#B9FFB2

#DFFFB2

Triadic

#DFFFB2

#B2DFFF

#FFB2DF

Split Complementary

#DFFFB2

#B2B9FF

#F8B2FF

Tetradic

#DFFFB2

#B2FFF8

#D2B2FF

#FFB2B9

Color Blindness Simulation

Original

#DFFFB2

Protanopia

#EDEDC5

Deuteranopia

#EBE9C9

Tritanopia

#E1D3D7

Achromatopsia

#F3F3F3

CSS Usage

background-color: #DFFFB2;
color: #DFFFB2;
border-color: #DFFFB2;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FEF1
100
#F0FCDE
200
#E1FFB8
300
#CCFF85
400
#B1FF42
500
#95FF00
600
#77CC00
700
#5FA300
800
#4B8000
900
#385C05
950
#233A03

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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