#DDF68D

#DDF68D

Color Values

HEX

#DDF68D

RGB

221, 246, 141

HSL

74,3, 85,4%, 75,9%

HSV

74,3, 42,7%, 96,5%

CMYK

10,2%, 0,0%, 42,7%, 3,5%

OKLCH

0,9322 0,1333 120,0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DDF68D

#A68DF6

Analogous

#F6DB8D

#A9F68D

#DDF68D

Triadic

#DDF68D

#8DDDF6

#F68DDD

Split Complementary

#DDF68D

#8DA9F6

#DB8DF6

Tetradic

#DDF68D

#8DF6DB

#A68DF6

#F68DA9

Color Blindness Simulation

Original

#DDF68D

Protanopia

#E8E8A6

Deuteranopia

#E6E4AC

Tritanopia

#DEBABF

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F4FAE0
200
#EBFABD
300
#DDF68E
400
#CBF150
500
#B8EC13
600
#94BD0F
700
#76970C
800
#5C7609
900
#44560B
950
#2B3607

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,64: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