OKLAB
oklab(58% -0.02 -0.21)
OKLCH
oklch(58% 0.21 270)
P3
color(display-p3 0.29 0.43 0.94)
SRGB
rgb(24% 43% 97%)
HEX
#3e6ef7
RGB
rgb(62, 110, 247)
HSL
hsl(220 92% 61%)
HWB
hwb(220 24% 3.1%)
LCH
lch(49.4% 77.7 286)
LAB
lab(49.4% 21.1 -74.8)
CMYK
cmyk 75%, 55%, 0%, 3%
Name
royalblue
HSV
color(--hsv 220 75% 97%)
XYZ
color(xyz-d65 0.243 0.189 0.904)
Colorffy
Color Variations
Shades
Created by adding black to a color, making it darker and more intense.
Tints
Created by adding white to a color, making it lighter and softer.
Tones
Created by adding gray to a color, reducing its intensity and making it more subdued.
Harmony Colors
Complementary scheme
Uses two colors opposite each other on the color wheel, creating high contrast and vibrant looks.
#f7c63e
AAA - 13.1
Analogous scheme
Uses colors that are next to each other on the color wheel, providing a harmonious and pleasing design.
#3eccf7
AAA - 11.18
#3e6ff7
Fail - 4.35
#693ef7
AA - 5.78
Monochromatic scheme
Uses variations in lightness and saturation of a single color, offering a cohesive and elegant look.
#3e6ef7
Fail - 4.39
#3757c0
AA - 6.38
#2e428d
AAA - 9.21
#242d5c
AAA - 13.08
#171a2f
AAA - 17.13
Split Complementary scheme
Uses a base color and two adjacent colors to its complementary, balancing contrast and harmony.
#3e6ff7
Fail - 4.35
#f7693e
Fail - 2.98
#ccf73e
AAA - 16.94
Triadic scheme
Uses three colors evenly spaced around the color wheel, creating vibrant and balanced designs.
#3e6ff7
Fail - 4.35
#f73e6f
Fail - 3.57
#6ff73e
AAA - 15.04
Tetradic scheme
Uses four colors arranged into two complementary pairs, offering rich variety and high contrast.
#3e6ff7
Fail - 4.35
#f73ecc
Fail - 3.22
#f7c63e
AAA - 13.1
#3ef769
AAA - 14.71
Rectangle scheme
A type of tetradic scheme forming a rectangle on the color wheel with two complementary pairs, providing balanced contrast.
#3e6ff7
Fail - 4.35
#c63ef7
Fail - 3.86
#f7c63e
AAA - 13.1
#6ff73e
AAA - 15.04
Double Split Complementary scheme
Uses two pairs of complementary colors, enhancing diversity and balance without the intensity of a tetradic scheme.
#3eccf7
AAA - 11.18
#3e6ff7
Fail - 4.35
#693ef7
AA - 5.78
#f7693e
Fail - 2.98
#ccf73e
AAA - 16.94
The ultimate color scheme & harmony generator
Create the perfect color harmonies by generating professional color schemes with our advanced Color Scheme Generator. Whether you need a high-contrast complementary layout, a smooth analogous blend, or a vibrant triadic scheme, this tool helps you explore and visualize color wheel rules effortlessly.
How does it work?
Select your base color and customize the number of generated steps. Our tool automatically computes seven distinct harmony types: Complementary, Analogous, Monochromatic, Split Complementary, Triadic, Tetradic, Rectangle, and Double Split Complementary. Each scheme shows a visual representation on the color wheel, alongside variations in shades, tints, and tones. When you've found the perfect combination, simply click any swatch to copy its hex value or export your colors directly to a custom collection.