#FFC500
A medium, vivid yellow closely aligning with Gold.
About #FFC500
The hex code #FFC500 represents a beautifully specific shade of yellow. It is closely associated with the named CSS color Gold. Its digital footprint relies on 255 parts red, 197 parts green, and 0 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, 100% yellow, and 0% black. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#FFC500
RGB255, 197, 0
HSL46.4°, 100.0%, 50.0%
CMYK0%, 23%, 100%, 0%
HSV46.4°, 100.0%, 100.0%
LAB82.5, 7.3, 84.0
XYZ61.2, 61.2, 8.6
Decimal16762112
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.25:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFC500;
}
.text-color {
color: #FFC500;
}
.border-color {
border: 2px solid #FFC500;
}