#FFC516
A medium, vivid yellow closely aligning with Gold.
About #FFC516
Visually, #FFC516 is defined as a vivid yellow. It is closely associated with the named CSS color Gold. This translates to an RGB value of rgb(255, 197, 22).
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 23% Magenta, 91% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#FFC516
RGB255, 197, 22
HSL45.1°, 100.0%, 54.3%
CMYK0%, 23%, 91%, 0%
HSV45.1°, 91.4%, 100.0%
LAB82.5, 7.5, 81.6
XYZ61.4, 61.3, 9.3
Decimal16762134
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.58:1
Text on #FFFFFF
FAIL
13.25:1
Text on #000000
AAA
1.51:1
Text on #F8FAFC
FAIL
11.26:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFC516;
}
.text-color {
color: #FFC516;
}
.border-color {
border: 2px solid #FFC516;
}