#DAD383

#DAD383

Color Values

HEX

#DAD383

RGB

218, 211, 131

HSL

55.2, 54.0%, 68.4%

HSV

55.2, 39.9%, 85.5%

CMYK

0.0%, 3.2%, 39.9%, 14.5%

OKLCH

0.8547 0.1016 104.0

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#DAD383

#838ADA

Analogous

#DAA783

#B5DA83

#DAD383

Triadic

#DAD383

#83DAD3

#D383DA

Split Complementary

#DAD383

#83B5DA

#A783DA

Tetradic

#DAD383

#83DAA7

#838ADA

#DA83B5

Color Blindness Simulation

Original

#DAD383

Protanopia

#D7D796

Deuteranopia

#D7D89B

Tritanopia

#DAA6A9

Achromatopsia

#CFCFCF

CSS Usage

background-color: #DAD383;
color: #DAD383;
border-color: #DAD383;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EFEBC8
300
#E3DEA1
400
#D4CB6E
500
#C4B93B
600
#9D942F
700
#7E7726
800
#625D1D
900
#484419
950
#2D2B10

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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