HEX Color #FFBD7C (Sandybrown)

About #FFBD7C

The hex code #FFBD7C represents a beautifully specific shade of orange. If you're using CSS, you might find it aligns closely with Sandybrown. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 189, and 124.

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 26% magenta inks. The HSL representation is 29.8° hue, 100.0% saturation, and 74.3% lightness.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FFBD7C

RGB255, 189, 124

HSL29.8°, 100.0%, 74.3%

CMYK0%, 26%, 51%, 0%

HSV29.8°, 51.4%, 100.0%

LAB81.4, 16.5, 42.0

XYZ63.1, 59.1, 27.2

Decimal16760188

Color Harmonies

Complementary

#FFBD7C #7CBDFF

Analogous

#FF7C7C #FFFE7C

Triadic

#7CFFBD #BD7CFF

Tetradic

#7CFF7C #7CBDFF #FE7CFF

Tints, Shades & Tones

Tints (Adding White)

#FFBD7C

#FFC48A

#FFCB99

#FFD3A7

#FFDAB6

#FFE1C4

#FFE9D3

#FFF0E1

#FFF7F0

#FFFFFF

Shades (Adding Black)

#FFBD7C

#E2A86E

#C69360

#AA7E52

#8D6944

#715437

#553F29

#382A1B

#1C150D

#000000

WCAG Contrast Accessibility

1.64:1

Text on #FFFFFF

FAIL

12.82:1

Text on #000000

AAA

1.57:1

Text on #F8FAFC

FAIL

10.90:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #FFBD7C; }

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

Similar Colors

Sandybrown

#F4A460