#DFD548

#DFD548

Color Values

HEX

#DFD548

RGB

223, 213, 72

HSL

56.0, 70.2%, 57.8%

HSV

56.0, 67.7%, 87.5%

CMYK

0.0%, 4.5%, 67.7%, 12.5%

OKLCH

0.8563 0.1569 105.3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DFD548

#4852DF

Analogous

#DF8948

#9DDF48

#DFD548

Triadic

#DFD548

#48DFD5

#D548DF

Split Complementary

#DFD548

#489DDF

#8948DF

Tetradic

#DFD548

#48DF89

#4852DF

#DF489D

Color Blindness Simulation

Original

#DFD548

Protanopia

#DBDB6A

Deuteranopia

#DBDC72

Tritanopia

#DE858B

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F6E2
200
#F4F1C2
300
#EDE797
400
#E3DA5E
500
#D9CD26
600
#AEA41E
700
#8B8318
800
#6D6713
900
#4F4B12
950
#322F0B

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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