100% PrivateFree
#3B82F6
r59
g130
b246
Aa
3.68:1 on white
FailAa
5.71:1 on black
AAHEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
How It Works
1
Pick or Enter a Color
Use the color picker, type a HEX code, or adjust the RGB sliders.
2
View All Formats
See the color displayed in HEX, RGB, HSL, HSV, and CMYK simultaneously.
3
Check Contrast & Copy
View contrast ratios against black and white, then copy any format.
Frequently Asked Questions
What is the difference between RGB and HEX?
RGB (Red, Green, Blue) uses decimal values 0-255 for each channel, while HEX uses hexadecimal (00-FF). They represent the same colors - HEX is just a more compact notation. #FF0000 is the same as rgb(255, 0, 0).
What is HSL?
HSL stands for Hue, Saturation, Lightness. Hue is the color angle (0-360 degrees), Saturation is the intensity (0-100%), and Lightness controls how light or dark the color is (0-100%). It is often more intuitive than RGB for designers.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in printing. Converting from RGB to CMYK helps ensure colors look correct when printed.
What is WCAG contrast ratio?
The WCAG contrast ratio measures the difference in luminance between two colors. A ratio of 4.5:1 is required for normal text (AA level), and 7:1 for enhanced contrast (AAA level).
Why do HSV and HSL give different values?
HSV (Hue, Saturation, Value) and HSL (Hue, Saturation, Lightness) define saturation and brightness differently. HSV saturation goes from white to pure color, while HSL saturation goes from gray to pure color.
Explore More
Love this tool? Explore 999+ more
Free online tools for images, PDFs, text, code, and more. All running in your browser.
Explore All Tools