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
#3B82F6 is a mid-tone vivid blue color. Its RGB value is 59, 130, 246, and its HSL value is 217°, 91%, 60%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.
#3B82F6rgb(59, 130, 246)hsl(217 91% 60%)0.2355On #3B82F6, 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.
#5895F7#76A8F9#326FD1#295BACHEX, 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: #3B82F6; background-color: #3B82F6; --color-reference: #3B82F6;
Relative luminance is the WCAG calculation used to derive contrast ratio. #3B82F6 has a relative luminance of 0.2355 on the 0-to-1 scale. That is why its contrast is 3.68:1 against white and 5.71:1 against black.
#3B82F6 is rgb(59, 130, 246).
#3B82F6 is hsl(217 91% 60%).
Black has the stronger contrast of the two: black is 5.71:1 and white is 3.68:1. Check the applicable WCAG target and the real interface context before finalizing the text color.