#DDF949

#DDF949

Color Values

HEX

#DDF949

RGB

221, 249, 73

HSL

69.5, 93.6%, 63.1%

HSV

69.5, 70.7%, 97.6%

CMYK

11.2%, 0.0%, 70.7%, 2.4%

OKLCH

0.9315 0.1935 118.3

Properties

Cool Light Nearest: RAL 1016 Sulfur Yellow

Color Harmonies

Complementary

#DDF949

#6549F9

Analogous

#F9BD49

#85F949

#DDF949

Triadic

#DDF949

#49DDF9

#F949DD

Split Complementary

#DDF949

#4985F9

#BD49F9

Tetradic

#DDF949

#49F9BD

#6549F9

#F94985

Color Blindness Simulation

Original

#DDF949

Protanopia

#E9E974

Deuteranopia

#E8E57E

Tritanopia

#DE959D

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DDF949;
color: #DDF949;
border-color: #DDF949;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F2FDBA
300
#E9FB89
400
#DDF948
500
#D1F708
600
#A7C507
700
#869E05
800
#697B04
900
#4C5908
950
#303805

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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026