HEX
#3266AD
copy
RGB
rgb(50, 102, 173)
copy
HSL
hsl(214, 55%, 44%)
copy
CSS
color: #3266ad;
copy
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
All three describe the same color in different formats. HEX (
#3266AD) is used in HTML/CSS. RGB (rgb(50, 102, 173)) defines red, green, blue channels from 0–255. HSL (hsl(214, 55%, 44%)) — hue (color), saturation (intensity), lightness — is more intuitive for adjusting colors.What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) requires a minimum 4.5:1 contrast ratio between text and background for normal text (AA standard), and 3:1 for large text. A higher ratio means better readability, especially for users with visual impairments.
How do I convert HEX to RGB?
Split the HEX code into three 2-character pairs and convert each from base-16 to base-10. Example:
#3266AD → R: 0x32=50, G: 0x66=102, B: 0xAD=173. This tool does the conversion automatically.What does HSL make easier?
HSL separates color identity (hue) from how vivid (saturation) and how light (lightness) it is. To make a color darker, reduce L. To make it less vivid, reduce S. To get the complementary color, add 180° to H. This is much more intuitive than adjusting RGB channels.