#FFC542

A light, vivid orange closely aligning with Goldenrod.

About #FFC542

Visually, #FFC542 is defined as a vivid orange. 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 255, 197, and 66.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 23% magenta, 74% yellow, and 0% black. The HSL representation is 41.6° hue, 100.0% saturation, and 62.9% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#FFC542
RGB255, 197, 66
HSL41.6°, 100.0%, 62.9%
CMYK0%, 23%, 74%, 0%
HSV41.6°, 74.1%, 100.0%
LAB82.7, 8.7, 69.8
XYZ62.2, 61.6, 13.8
Decimal16762178

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.58:1
Text on #FFFFFF
FAIL
13.32:1
Text on #000000
AAA
1.51:1
Text on #F8FAFC
FAIL
11.32:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Goldenrod
#DAA520