#DBBA24

#DBBA24

Color Values

HEX

#DBBA24

RGB

219, 186, 36

HSL

49,2, 71,8%, 50,0%

HSV

49,2, 83,6%, 85,9%

CMYK

0,0%, 15,1%, 83,6%, 14,1%

OKLCH

0,7947 0,1553 95,3

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#DBBA24

#2445DB

Analogous

#DB5F24

#A0DB24

#DBBA24

Triadic

#DBBA24

#24DBBA

#BA24DB

Split Complementary

#DBBA24

#24A0DB

#5F24DB

Tetradic

#DBBA24

#24DB5F

#2445DB

#DB24A0

Color Blindness Simulation

Original

#DBBA24

Protanopia

#CDCC48

Deuteranopia

#CFD151

Tritanopia

#D9656B

Achromatopsia

#B6B6B6

CSS Usage

background-color: #DBBA24;
color: #DBBA24;
border-color: #DBBA24;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FCFAF3
100
#F8F4E2
200
#F5ECC2
300
#EEDE96
400
#E4CC5D
500
#DBBA24
600
#AF951D
700
#8C7717
800
#6E5D12
900
#504411
950
#322B0B

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,06: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