Editingprimary
Click to pick
H
°
S
%
L
%
HEX
#3b82f6
RGB
59, 130, 246
Color Harmonies
Add harmonious colors to your palette as secondary or accent colors
Complementary
Opposite on the color wheel for maximum contrast
Analogous
Adjacent colors for natural harmony
Triadic
Three colors evenly spaced for vibrant balance
Split Complementary
Softer alternative to direct complementary
Tetradic
Four colors forming a rectangle on the wheel
Tailwind Spectrums
Click any shade to copy its hex value
Base maps to
Export
Copy your full palette (1 color) into your project
@theme {
/* primary */
--color-primary-50: #f0f6fe;
--color-primary-100: #ccdffd;
--color-primary-200: #a9c8fa;
--color-primary-300: #86b1f7;
--color-primary-400: #649bf3;
--color-primary-500: #3b82f6;
--color-primary-600: #1163e8;
--color-primary-700: #114eb0;
--color-primary-800: #103879;
--color-primary-900: #0c2245;
--color-primary-950: #050b15;
}