#DADD45

#DADD45

Color Values

HEX

#DADD45

RGB

218, 221, 69

HSL

61.2, 69.1%, 56.9%

HSV

61.2, 68.8%, 86.7%

CMYK

1.4%, 0.0%, 68.8%, 13.3%

OKLCH

0.8688 0.1673 110.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DADD45

#4845DD

Analogous

#DD9445

#8EDD45

#DADD45

Triadic

#DADD45

#45DADD

#DD45DA

Split Complementary

#DADD45

#458EDD

#9445DD

Tetradic

#DADD45

#45DD94

#4845DD

#DD458E

Color Blindness Simulation

Original

#DADD45

Protanopia

#DBDB6A

Deuteranopia

#DBDB73

Tritanopia

#DA878D

Achromatopsia

#D1D1D1

CSS Usage

background-color: #DADD45;
color: #DADD45;
border-color: #DADD45;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F3F4C3
300
#EAEC98
400
#DFE25F
500
#D4D827
600
#AAAC20
700
#888A19
800
#6A6C14
900
#4D4F12
950
#31320C

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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