#DBD168

#DBD168

Color Values

HEX

#DBD168

RGB

219, 209, 104

HSL

54.8, 61.5%, 63.3%

HSV

54.8, 52.5%, 85.9%

CMYK

0.0%, 4.6%, 52.5%, 14.1%

OKLCH

0.8476 0.1274 103.8

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DBD168

#6872DB

Analogous

#DB9768

#ABDB68

#DBD168

Triadic

#DBD168

#68DBD1

#D168DB

Split Complementary

#DBD168

#68ABDB

#9768DB

Tetradic

#DBD168

#68DB97

#6872DB

#DB68AB

Color Blindness Simulation

Original

#DBD168

Protanopia

#D7D781

Deuteranopia

#D7D888

Tritanopia

#DA959A

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EDC5
300
#E7E19C
400
#DBD167
500
#CEC031
600
#A59A27
700
#847B1F
800
#676019
900
#4B4716
950
#302D0E

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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