HEX Color #DBAF50 (Goldenrod)

About #DBAF50

The precise color #DBAF50 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 175, and 80.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 20% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#DBAF50

RGB219, 175, 80

HSL41.0°, 65.9%, 58.6%

CMYK0%, 20%, 63%, 14%

HSV41.0°, 63.5%, 85.9%

LAB73.7, 5.7, 53.5

XYZ46.0, 46.3, 14.1

Decimal14397264

Color Harmonies

Complementary

#DBAF50 #4F7BDB

Analogous

#DB694F #C1DB4F

Triadic

#4FDBAF #AE4FDB

Tetradic

#4FDB69 #4F7BDB #DB4FC1

Tints, Shades & Tones

Tints (Adding White)

#DBAF50

#DFB763

#E3C076

#E7C98A

#EBD29D

#EFDBB1

#F3E4C4

#F7EDD8

#FBF6EB

#FFFFFF

Shades (Adding Black)

#DBAF50

#C29B47

#AA883E

#927435

#79612C

#614D23

#493A1A

#302611

#181308

#000000

WCAG Contrast Accessibility

2.05:1

Text on #FFFFFF

FAIL

10.26:1

Text on #000000

AAA

1.96:1

Text on #F8FAFC

FAIL

8.72:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #DBAF50; }

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

Similar Colors

Goldenrod

#DAA520