#DADD43

#DADD43

Color Values

HEX

#DADD43

RGB

218, 221, 67

HSL

61.2, 69.4%, 56.5%

HSV

61.2, 69.7%, 86.7%

CMYK

1.4%, 0.0%, 69.7%, 13.3%

OKLCH

0.8686 0.1685 110.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DADD43

#4643DD

Analogous

#DD9343

#8DDD43

#DADD43

Triadic

#DADD43

#43DADD

#DD43DA

Split Complementary

#DADD43

#438DDD

#9343DD

Tetradic

#DADD43

#43DD93

#4643DD

#DD438D

Color Blindness Simulation

Original

#DADD43

Protanopia

#DBDB68

Deuteranopia

#DBDB71

Tritanopia

#DA868C

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F3F4C3
300
#EBEC97
400
#E0E25F
500
#D4D827
600
#AAAD1F
700
#888A19
800
#6A6C14
900
#4E4F12
950
#31320B

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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