#DDF88B

#DDF88B

Color Values

HEX

#DDF88B

RGB

221, 248, 139

HSL

74,9, 88,6%, 75,9%

HSV

74,9, 44,0%, 97,3%

CMYK

10,9%, 0,0%, 44,0%, 2,7%

OKLCH

0,9361 0,138 120,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DDF88B

#A68BF8

Analogous

#F8DD8B

#A7F88B

#DDF88B

Triadic

#DDF88B

#8BDDF8

#F88BDD

Split Complementary

#DDF88B

#8BA7F8

#DD8BF8

Tetradic

#DDF88B

#8BF8DD

#A68BF8

#F88BA7

Color Blindness Simulation

Original

#DDF88B

Protanopia

#E9E9A5

Deuteranopia

#E7E5AC

Tritanopia

#DEBABF

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F4FBE0
200
#EBFBBC
300
#DDF88C
400
#CBF44D
500
#B8F00F
600
#93C00C
700
#769A09
800
#5C7807
900
#44570A
950
#2B3706

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,87:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026