#F0B683

A light, vivid orange closely aligning with Burlywood.

About #F0B683

When working with digital screens, the color #F0B683 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Burlywood. Its digital footprint relies on 240 parts red, 182 parts green, and 131 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 24% Magenta, 45% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F0B683
RGB240, 182, 131
HSL28.1°, 78.4%, 72.7%
CMYK0%, 24%, 45%, 6%
HSV28.1°, 45.4%, 94.1%
LAB78.2, 14.8, 34.1
XYZ56.8, 53.6, 28.8
Decimal15775363

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.79:1
Text on #FFFFFF
FAIL
11.72:1
Text on #000000
AAA
1.71:1
Text on #F8FAFC
FAIL
9.97:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #F0B683; }
.text-color { color: #F0B683; }
.border-color { border: 2px solid #F0B683; }

Similar Colors

Burlywood
#DEB887