Color scheme generator

Choose a hexadecimal color to generate fancy shades, tints, and triadic color schemes.

Color picker

RGB

rgb (3, 169, 244)

HSL

hsl 199°, 98%, 48%

HSV

hsv 199°, 99%, 96%

CMYK

cmyk 99%, 31%, 0%, 4%

PANTONE

Pantone 2925C

RAL

RAL 5012 Light Blue

HTML

Deep Sky Blue

LAB

lab 65.7, -9.6, -47.3

Generate CSS

Shades of #03a9f4

Shade is a mixture of a color with black, which increases darkness.

#03a9f4

#0398db

#0275a8

#015276

#012f44

Tints of #03a9f4

Tint is a mixture of a color with white, which increases lightness.

#03a9f4

#10b6ff

#29cfff

#43e9ff

#5cffff

Complementary scheme

Complementary colors are pairs of colors that are the exact opposite of the color wheel,
and they create the most substantial contrast for those two colors.

#f44e03

Analogous scheme

Analogous color schemes are groups of colors adjacent to each other on the color wheel.
One is the dominant color, which tends to be a primary or secondary color,
and two on either side complementing, which tends to be tertiary.

#03f4df

#03d9f4

#0379f4

#0349f4

Monochromatic scheme

Monochromatic colors are all the colors (tints, tones, and shades) of a single hue.

#00161f

#01334a

#015174

#026e9f

#028cc9

Split Complementary scheme

The split-complementary color scheme is a three-color combination of base color
and two colors 150 degrees and 210 degrees apart from the base color.

#7e03f4

#f4df03

Triadic scheme

The triadic color scheme is a three-color combination of base color
and two colors 120 degrees and 240 degrees apart from the base color.

#f403a9

#a9f403

Tetradic scheme

The tetradic color scheme is the richest because it uses four colors arranged
into two complementary color pairs.

#c603f4

#f44e03

#30f403

Featured tools

Gradient generator

Palette generator