Color Studio
Convert a color between HEX, RGB, HSL, HSV, and CSS names with a live swatch, check WCAG contrast, build harmony palettes, generate tint and shade scales, mix two colors, simulate color blindness, and extract a palette from an image.
- HEX
-
#3f51b5 - RGB
-
rgb(63, 81, 181) - HSL
-
hsl(231, 48%, 48%) - HSV
-
hsv(231, 65%, 71%) - Nearest CSS name
-
darkslateblue
Aa
The quick brown fox jumps over the lazy dog.
6.87 : 1
Contrast ratio
- AA normal
- AA large
- AAA normal
- AAA large
#3f51b5
#b5a33f
Tints (toward white)
#3f51b5
#5f6ec1
#7f8bce
#9fa8da
#bfc5e6
#dfe2f3
#ffffff
Shades (toward black)
#3f51b5
#344497
#2a3679
#20285a
#151b3c
#0a0e1e
#000000
Result
#9f745a
Gradient steps
#3f51b5
#5f5d97
#7f6979
#9f745a
#bf803c
#df8c1e
#ff9800
Normal
#3f51b5
Protanopia
#0060b8
Deuteranopia
#0055b3
Tritanopia
#00697b
Achromatopsia
#5a5a5a
Upload an image to extract its dominant colors.