#DBD672

#DBD672

Color Values

HEX

#DBD672

RGB

219, 214, 114

HSL

57,1, 59,3%, 65,3%

HSV

57,1, 47,9%, 85,9%

CMYK

0,0%, 2,3%, 47,9%, 14,1%

OKLCH

0,8593 0,1228 106,2

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DBD672

#7277DB

Analogous

#DBA172

#ACDB72

#DBD672

Triadic

#DBD672

#72DBD6

#D672DB

Split Complementary

#DBD672

#72ACDB

#A172DB

Tetradic

#DBD672

#72DBA1

#7277DB

#DB72AC

Color Blindness Simulation

Original

#DBD672

Protanopia

#D9D98A

Deuteranopia

#D9DA90

Tritanopia

#DB9DA2

Achromatopsia

#D0D0D0

CSS Usage

background-color: #DBD672;
color: #DBD672;
border-color: #DBD672;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F0EEC6
300
#E6E39E
400
#D9D369
500
#CBC434
600
#A29D2A
700
#827D21
800
#66621A
900
#4A4817
950
#2F2D0E

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026