COLOR INTELLIGENCE
Enter a hex value or choose a starting tool. HexCheck keeps the color connected as you inspect it, test it, build with it, or apply it in a real-world workflow.
This color has a permanent URL:
COLOR ENCYCLOPEDIA
#FACC15 is a mid-tone vivid yellow color. Its RGB value is 250, 204, 21, and its HSL value is 48°, 96%, 53%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.
#FACC15rgb(250, 204, 21)hsl(48 96% 53%)0.6356On #FACC15, black text provides the stronger black-or-white contrast. WCAG contrast still depends on the actual foreground, background, text size, and component being evaluated.
For WCAG 2.x, normal text uses 4.5:1 for AA and 7:1 for AAA. Qualifying large text uses 3:1 for AA and 4.5:1 for AAA.
These references are simple RGB mixes with white or black. They are useful starting points for exploration, not a substitute for perceptual palette tuning or contrast testing.
#FBD438#FCDB5B#D5AD12#AF8F0FHEX, RGB, and HSL represent the same encoded sRGB color in different notations. Choose the form that fits the code or design system you are working in.
color: #FACC15; background-color: #FACC15; --color-reference: #FACC15;
Relative luminance is the WCAG calculation used to derive contrast ratio. #FACC15 has a relative luminance of 0.6356 on the 0-to-1 scale. That is why its contrast is 1.53:1 against white and 13.71:1 against black.
#FACC15 is rgb(250, 204, 21).
#FACC15 is hsl(48 96% 53%).
Black has the stronger contrast of the two: black is 13.71:1 and white is 1.53:1. Check the applicable WCAG target and the real interface context before finalizing the text color.