Color Picker
Pick any color from the color palette below, or enter a color value directly to instantly see all its format conversions.
Pick a Color:
Hue:
217°Opacity:
100%name, hex, rgb, hsl, oklch, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| Name | - | |
| Hex | #3b82f6 | |
| RGB | rgb(59, 130, 246) | |
| HSL | hsl(217, 91%, 60%) | |
| OKLCH | oklch(62.3% 0.1880 259.81) | |
| HWB | hwb(217, 23%, 4%) | |
| CMYK | cmyk(76%, 47%, 0%, 4%) | |
| NCol | C62, 23%, 4% |
Lighter / Darker:
Contrast Checker
WCAG contrast ratios for this color as text on white and black - and for white and black text on this color as background.
How to Use This Tool
Click any swatch in the color palette to instantly load that color and see all its format conversions - HEX, RGB, HSL, HWB, CMYK, and more. You can also type any color value in the “Or enter a Color” field - HEX (e.g. #3b82f6), RGB, HSL, or a CSS color name - and the tool will parse it instantly. Click any format row in the table to copy its value to your clipboard. Use the Lighter / Darker bar to explore tints and shades of the selected color.