#DDFFB4

#DDFFB4

Color Values

HEX

#DDFFB4

RGB

221, 255, 180

HSL

87.2, 100.0%, 85.3%

HSV

87.2, 29.4%, 100.0%

CMYK

13.3%, 0.0%, 29.4%, 0.0%

OKLCH

0.9578 0.1031 128.0

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#DDFFB4

#D6B4FF

Analogous

#FFFCB4

#B8FFB4

#DDFFB4

Triadic

#DDFFB4

#B4DDFF

#FFB4DD

Split Complementary

#DDFFB4

#B4B8FF

#FCB4FF

Tetradic

#DDFFB4

#B4FFFC

#D6B4FF

#FFB4B8

Color Blindness Simulation

Original

#DDFFB4

Protanopia

#ECECC6

Deuteranopia

#EAE7CA

Tritanopia

#DFD4D8

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#DFFFB8
300
#C8FF85
400
#A9FF42
500
#8BFF00
600
#70CC00
700
#59A300
800
#468000
900
#355C05
950
#213A03

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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