#D3D300
A medium, vivid yellow closely aligning with Gold.
About #D3D300
Visually, #D3D300 is defined as a vivid yellow. If you're using CSS, you might find it aligns closely with Gold. This translates to an RGB value of rgb(211, 211, 0).
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 0% Magenta, 100% Yellow, and 17% Black. Always request a physical proof before doing a large print run with this exact code.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#D3D300
RGB211, 211, 0
HSL60.0°, 100.0%, 41.4%
CMYK0%, 0%, 100%, 17%
HSV60.0°, 100.0%, 82.7%
LAB82.1, -18.7, 81.9
XYZ50.2, 60.4, 9.0
Decimal13882112
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.60:1
Text on #FFFFFF
FAIL
13.09:1
Text on #000000
AAA
1.53:1
Text on #F8FAFC
FAIL
11.13:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #D3D300;
}
.text-color {
color: #D3D300;
}
.border-color {
border: 2px solid #D3D300;
}