#FFC507
A medium, vivid yellow closely aligning with Gold.
About #FFC507
Visually, #FFC507 is defined as a vivid yellow. It is closely associated with the named CSS color Gold. Its digital footprint relies on 255 parts red, 197 parts green, and 7 parts blue light.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 23% magenta, 97% yellow, and 0% black. 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. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#FFC507
RGB255, 197, 7
HSL46.0°, 100.0%, 51.4%
CMYK0%, 23%, 97%, 0%
HSV46.0°, 97.3%, 100.0%
LAB82.5, 7.3, 83.4
XYZ61.2, 61.2, 8.8
Decimal16762119
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.59:1
Text on #FFFFFF
FAIL
13.24:1
Text on #000000
AAA
1.52:1
Text on #F8FAFC
FAIL
11.26:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFC507;
}
.text-color {
color: #FFC507;
}
.border-color {
border: 2px solid #FFC507;
}