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
#ff8c00
RGB
rgb(255, 140, 0)
HSL
hsl(33 100% 50%)
HWB
hwb(33 0% 0%)
LCH
lch(70.2% 85.9 62.4)
LAB
lab(70.2% 39.8 76.1)
CMYK
cmyk 0%, 45%, 100%, 0%
OKLAB HDR
oklab(75% 0.09 0.15)
OKLCH HDR
oklch(75% 0.18 58)
P3 HDR
color(display-p3 0.94 0.57 0.21)
Name
darkorange
SRGB HDR
rgb(100% 55% 0%)
HSV
color(--hsv 33 100% 100%)
XYZ
color(xyz-d65 0.506 0.4 0.051)
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 #FF8C00
Created by adding black to a color, making it darker and more intense.
Tints of #FF8C00
Created by adding white to a color, making it lighter and softer.
Tones of #FF8C00
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.
#0073ff
Fail - 4.28
Analogous scheme
Uses colors that are next to each other on the color wheel, providing a harmonious and pleasing design.
#ff0d00
Fail - 3.95
#ff8c00
AAA - 9
#f2ff00
AAA - 19.07
Monochromatic scheme
Uses variations in lightness and saturation of a single color, offering a cohesive and elegant look.
#ff8c00
AAA - 9
#c76f0e
Fail - 3.67
#925312
AA - 6.05
#603812
AAA - 10.13
#321f0d
AAA - 15.7
Split Complementary scheme
Uses a base color and two adjacent colors to its complementary, balancing contrast and harmony.
#ff8c00
AAA - 9
#00f2ff
AAA - 15.14
#0d00ff
AAA - 8.53
Triadic scheme
Uses three colors evenly spaced around the color wheel, creating vibrant and balanced designs.
#ff8c00
AAA - 9
#00ff8c
AAA - 15.68
#8c00ff
AA - 5.9
Tetradic scheme
Uses four colors arranged into two complementary pairs, offering rich variety and high contrast.
#ff8c00
AAA - 9
#00ff0d
AAA - 15.3
#0073ff
Fail - 4.28
#ff00f2
Fail - 3.21
Rectangle scheme
A type of tetradic scheme forming a rectangle on the color wheel with two complementary pairs, providing balanced contrast.
#ff8c00
AAA - 9
#73ff00
AAA - 16.03
#0073ff
Fail - 4.28
#8c00ff
AA - 5.9
Double Split Complementary scheme
Uses two pairs of complementary colors, enhancing diversity and balance without the intensity of a tetradic scheme.
#ff0d00
Fail - 3.95
#ff8c00
AAA - 9
#f2ff00
AAA - 19.07
#00f2ff
AAA - 15.14
#0d00ff
AAA - 8.53
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.