Color scheme generator
Generate a perfectly harmonized color scheme with our Color Scheme Generator. Generate fancy color shades, tints, triadic color palettes, and more color combinations.
Color Preview
HEX
#171f85
RGB
rgb(23, 31, 133)
HSL
hsl(240 71% 31%)
HWB
hwb(240 9% 48%)
LCH
lch(18.3% 65.3 296)
LAB
lab(18.3% 28.7 -58.7)
CMYK
cmyk 83%, 77%, 0%, 48%
OKLAB HDR
oklab(32% 0 -0.17)
OKLCH HDR
oklch(32% 0.17 270)
P3 HDR
color(display-p3 0.1 0.12 0.5)
Name
midnightblue
SRGB HDR
rgb(9% 12% 52%)
HSV
color(--hsv 240 83% 52%)
XYZ
color(xyz-d65 0.051 0.029 0.225)
colorffy.com
Color Actions
Tip: Press SPACE to generate a random color
Click a color block to copy to your clipboard.
Color variations
View the different color variations generated from the selected color.
Color Variations
Shades of #171f85
Created by adding black to a color, making it darker and more intense.
Tints of #171f85
Created by adding white to a color, making it lighter and softer.
Tones of #171f85
Created by adding gray to a color, reducing its intensity and making it more subdued.
Harmony colors
View the different color harmonies generated from the selected color.
Color Harmonies
Complementary scheme
Uses two colors opposite each other on the color wheel, creating high contrast and vibrant looks.
#857e17
Fail - 4.2
Analogous scheme
Uses colors that are next to each other on the color wheel, providing a harmonious and pleasing design.
#175585
AAA - 7.85
#171e85
AAA - 13.45
#471785
AAA - 12.14
Monochromatic scheme
Uses variations in lightness and saturation of a single color, offering a cohesive and elegant look.
#171f85
AAA - 13.36
#1a1b69
AAA - 14.95
#19164f
AAA - 16.54
#161236
AAA - 17.88
#100a1e
AAA - 19.36
Split Complementary scheme
Uses a base color and two adjacent colors to its complementary, balancing contrast and harmony.
#171e85
AAA - 13.45
#854717
AAA - 7.21
#558517
Fail - 4.41
Triadic scheme
Uses three colors evenly spaced around the color wheel, creating vibrant and balanced designs.
#171e85
AAA - 13.45
#85171e
AAA - 9.81
#1e8517
AA - 4.74
Tetradic scheme
Uses four colors arranged into two complementary pairs, offering rich variety and high contrast.
#171e85
AAA - 13.45
#851755
AAA - 9.32
#857e17
Fail - 4.2
#178547
AA - 4.68
Rectangle scheme
A type of tetradic scheme forming a rectangle on the color wheel with two complementary pairs, providing balanced contrast.
#171e85
AAA - 13.45
#7e1785
AAA - 8.94
#857e17
Fail - 4.2
#1e8517
AA - 4.74
Double Split Complementary scheme
Uses two pairs of complementary colors, enhancing diversity and balance without the intensity of a tetradic scheme.
#175585
AAA - 7.85
#171e85
AAA - 13.45
#471785
AAA - 12.14
#854717
AAA - 7.21
#558517
Fail - 4.41
AI color analysis
Ask AI to analyze the selected color and provide insights, use cases, and more.
AI-generated content can make mistakes, so double-check it.