HEX Color #BD7C5F (Darksalmon)

About #BD7C5F

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

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 34% magenta inks. The HSL representation is 18.5° hue, 41.6% saturation, and 55.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#BD7C5F

RGB189, 124, 95

HSL18.5°, 41.6%, 55.7%

CMYK0%, 34%, 50%, 26%

HSV18.5°, 49.7%, 74.1%

LAB58.1, 22.0, 26.2

XYZ30.3, 26.1, 14.3

Decimal12418143

Color Harmonies

Complementary

#BD7C5F #5FA0BD

Analogous

#BD5F70 #BDAB5F

Triadic

#5FBD7C #7B5FBD

Tetradic

#71BD5F #5FA0BD #AA5FBD

Tints, Shades & Tones

Tints (Adding White)

#BD7C5F

#C48A70

#CB9982

#D3A794

#DAB6A6

#E1C4B7

#E9D3C9

#F0E1DB

#F7F0ED

#FFFFFF

Shades (Adding Black)

#BD7C5F

#A86E54

#936049

#7E523F

#694434

#54372A

#3F291F

#2A1B15

#150D0A

#000000

WCAG Contrast Accessibility

3.38:1

Text on #FFFFFF

AA Large

6.21:1

Text on #000000

AA

3.23:1

Text on #F8FAFC

AA Large

5.28:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #BD7C5F; }

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

Similar Colors

Darksalmon

#E9967A