#DADD12

#DADD12

Color Values

HEX

#DADD12

RGB

218, 221, 18

HSL

60.9, 84.9%, 46.9%

HSV

60.9, 91.9%, 86.7%

CMYK

1.4%, 0.0%, 91.9%, 13.3%

OKLCH

0.8666 0.1877 110.7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DADD12

#1512DD

Analogous

#DD7B12

#75DD12

#DADD12

Triadic

#DADD12

#12DADD

#DD12DA

Split Complementary

#DADD12

#1275DD

#7B12DD

Tetradic

#DADD12

#12DD7B

#1512DD

#DD1275

Color Blindness Simulation

Original

#DADD12

Protanopia

#DBDB43

Deuteranopia

#DBDB4F

Tritanopia

#DA6A72

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9FABD
300
#F4F68E
400
#EEF151
500
#E9EC13
600
#BABD0F
700
#95970C
800
#74760A
900
#54550B
950
#353607

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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