#FFCC2C
A medium, vivid yellow closely aligning with Gold.
About #FFCC2C
The precise color #FFCC2C is an excellent choice for modern design projects. Its closest recognized web color is Gold. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 204, and 44.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 20% magenta, 83% yellow, and 0% black. The HSL representation is 45.5° hue, 100.0% saturation, and 58.6% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#FFCC2C
RGB255, 204, 44
HSL45.5°, 100.0%, 58.6%
CMYK0%, 20%, 83%, 0%
HSV45.5°, 82.7%, 100.0%
LAB84.3, 4.3, 78.3
XYZ63.3, 64.6, 11.5
Decimal16763948
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.51:1
Text on #FFFFFF
FAIL
13.93:1
Text on #000000
AAA
1.44:1
Text on #F8FAFC
FAIL
11.84:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFCC2C;
}
.text-color {
color: #FFCC2C;
}
.border-color {
border: 2px solid #FFCC2C;
}