#DDBE65

#DDBE65

Color Values

HEX

#DDBE65

RGB

221, 190, 101

HSL

44.5, 63.8%, 63.1%

HSV

44.5, 54.3%, 86.7%

CMYK

0.0%, 14.0%, 54.3%, 13.3%

OKLCH

0.8101 0.1143 90.5

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DDBE65

#6584DD

Analogous

#DD8265

#C0DD65

#DDBE65

Triadic

#DDBE65

#65DDBE

#BE65DD

Split Complementary

#DDBE65

#65C0DD

#8265DD

Tetradic

#DDBE65

#65DD82

#6584DD

#DD65C0

Color Blindness Simulation

Original

#DDBE65

Protanopia

#D0CF7B

Deuteranopia

#D1D480

Tritanopia

#DB8C8F

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F2E3
200
#F2E6C5
300
#E9D59B
400
#DDBE64
500
#D1A72E
600
#A78525
700
#866B1E
800
#685317
900
#4C3E15
950
#30270D

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.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