#2596BE
Color Picker - RGB(37, 150, 190)
Explore this color's various information, adjust hue and brightness, and discover harmonious color combinations.
Color Picker
Color Information
Color Values
Variations
This color's tints (pure color with white added) and shades (pure color with black added) in 10% increments.
Tints
Shades
Color Harmonies
Combinations harmonious color schemes to create designs that are aesthetically pleasing to the eye.
Complementary
Two colors that are on opposite sides of the color wheel. This color combination provides a high contrast and high impact color combination.
Split-Complementary
Uses a base color and the two colors adjacent to its complement. This color combination has the same strong visual contrast as the complementary color scheme.
Triadic
Uses three colors equally spaced around the color wheel. Triadic color schemes tend to be quite vibrant, even when using pale or unsaturated versions.
Analogous
Uses colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.
Monochromatic
Uses variations in lightness and saturation of a single color. These color schemes are easy to get right.
Tetradic
Contrast Checker
Loading inspiration...
Advanced Color Picker Features
Professional tools for precise color creation and analysis
HSL Color Controls
Professional-grade HSL (Hue, Saturation, Lightness) controls give you precise control over color selection. Perfect for creating sophisticated color schemes and fine-tuning colors to match your exact requirements.
Color Harmony Generator
Automatically generate complementary, analogous, triadic, split-complementary, monochromatic, and tetradic color schemes. Based on color theory principles to create visually pleasing and balanced color combinations.
Tints and Shades
Explore different variations of your chosen color with automatically generated tints (color + white) and shades (color + black). Essential for creating depth and hierarchy in your designs.
WCAG Contrast Checker
Real-time contrast ratio calculation between foreground and background colors. Ensures your color choices meet WCAG AA and AAA accessibility standards for text readability and user experience.
Screen Color Picker
Pick colors from anywhere on your screen using the advanced EyeDropper API. Perfect for matching colors from other applications, websites, or design tools directly into your color picker.
One-Click Copy
Instantly copy color values to your clipboard in any format. Streamline your workflow by quickly transferring colors to your design software, code editor, or documentation.