#1F6FEB
Click to pick
Color Values
Copy Color Values
#1F6FEBrgb(31, 111, 235)hsl(217, 83%, 52%)rgba(31, 111, 235, 1)hsla(217, 83%, 52%, 1)WCAG Contrast Checker
vs White Text
—
vs Black Text
—
Generated Palette
Popular Color Palettes (click to select)
CSS Code
background-color: #1f6feb; color: #fff;
Frequently Asked Questions
What is the difference between HEX and RGB?
HEX and RGB represent the same colors in different formats. HEX is a 6-character hexadecimal string (e.g.
#FF5733) commonly used in CSS and design tools. RGB uses three decimal numbers for red, green, and blue channels (e.g. rgb(255, 87, 51)). They are fully interchangeable — every HEX color has an exact RGB equivalent.What is HSL and when should I use it?
HSL stands for Hue, Saturation, Lightness. Unlike HEX or RGB which describe raw color channels, HSL describes color in human-perceptible terms: hue (0–360° on the color wheel), saturation (0–100% intensity), and lightness (0–100% brightness). Use HSL when you want to systematically create lighter/darker variants or adjust color vibrancy.
What does WCAG contrast ratio mean?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors. AA level requires at least 4.5:1 for normal text and 3:1 for large text. AAA level requires 7:1 for normal text and 4.5:1 for large text. Meeting these ratios ensures your text is readable for users with low vision.