Color Converter
Convert colors between different formats and explore color variations
Color Input
Supported Formats
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Color Preview
Click to pick color
#3b82f6
Contrast Ratio
3.68
Failvs White
Color Temperature
Cool
Hue: 217°
Color Formats
HEXHexadecimal notation
#3B82F6
RGBRed, Green, Blue
rgb(59, 130, 246)
RGBARGB with Alpha
rgba(59, 130, 246, 1)
HSLHue, Saturation, Lightness
hsl(217, 91%, 60%)
HSLAHSL with Alpha
hsla(217, 91%, 60%, 1)
HSVHue, Saturation, Value
hsv(217, 76%, 96%)
CMYKCyan, Magenta, Yellow, Black
cmyk(76%, 47%, 0%, 4%)
CSS Custom Properties
--primary-color: #3b82f6;Color Variations
Shades
Lighter to darker
#021431
#042862
#073C92
#0950C3
#0B64F4
Saturation
Different saturation levels
#8E96A3
#8494AD
#7A91B7
#708FC2
#658CCC
Complementary
Opposite on color wheel
#F6AF3B
#DF9E33
#107BF48
Triadic
120° apart
#F63B82
#82F63B
Analogous
Adjacent colors
#523BF6
#3BDFF6
#AF3BF6
#3BF6AF