HEX Color #DAA520 (Goldenrod)

About #DAA520

The hex code #DAA520 represents a beautifully specific shade of orange. Designers often compare it to the standard color Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 218, 165, and 32.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 24% magenta inks. With a hue angle of 42.9 degrees, it sits comfortably in the orange spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#DAA520

RGB218, 165, 32

HSL42.9°, 74.4%, 49.0%

CMYK0%, 24%, 85%, 15%

HSV42.9°, 85.3%, 85.5%

LAB70.8, 8.5, 68.8

XYZ42.6, 41.9, 7.2

Decimal14329120

Color Harmonies

Complementary

#DAA520 #1F54DA

Analogous

#DA481F #B1DA1F

Triadic

#1FDAA5 #A41FDA

Tetradic

#1FDA48 #1F54DA #DA1FB2

Tints, Shades & Tones

Tints (Adding White)

#DAA520

#DEAF38

#E2B951

#E6C36A

#EACD83

#EED79B

#F2E1B4

#F6EBCD

#FAF5E6

#FFFFFF

Shades (Adding Black)

#DAA520

#C1921C

#A98018

#916E15

#795B11

#60490E

#48370A

#302407

#181203

#000000

WCAG Contrast Accessibility

2.24:1

Text on #FFFFFF

FAIL

9.38:1

Text on #000000

AAA

2.14:1

Text on #F8FAFC

FAIL

7.98:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #DAA520; }

.text-color { color: #DAA520; }

.border-color { border: 2px solid #DAA520; }

Similar Colors

Goldenrod

#DAA520