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
#2563EB is a mid-tone vivid blue color. Its RGB value is 37, 99, 235, and its HSL value is 221°, 83%, 53%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.
#2563EBrgb(37, 99, 235)hsl(221 83% 53%)0.1532On #2563EB, white 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.
#467AEE#6692F1#1F54C8#1A45A5HEX, 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: #2563EB; background-color: #2563EB; --color-reference: #2563EB;
Relative luminance is the WCAG calculation used to derive contrast ratio. #2563EB has a relative luminance of 0.1532 on the 0-to-1 scale. That is why its contrast is 5.17:1 against white and 4.06:1 against black.
#2563EB is rgb(37, 99, 235).
#2563EB is hsl(221 83% 53%).
White has the stronger contrast of the two: black is 4.06:1 and white is 5.17:1. Check the applicable WCAG target and the real interface context before finalizing the text color.