Color Picker
an intuitive, easy-to-use application designed to simplify your color selection process.
1677FF
Blue(Crayola)
Picker
- Conversion
- Variations
- Color harmonies
- Contrast checker
Conversion
Convert colors between different color models like RGB, HSL, HSV, CMYK and more.
HEX
1677FF
LAB
51, 15, -76
RGB
22, 119, 255
CMYK
91, 53, 0, 0
HSB
215, 1, 1
HSL
215, 1, 1
Variations
View this color variations of shades, tints, tones, hues and temperatures.
Shades
A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
1677FF
156FEE
1367DD
125FCC
1057BB
0F4FAA
0D4799
0C3F88
0A3877
093066
072855
062044
041833
031022
010811
Tints
A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
1677FF
2680FF
3589FF
4592FF
549BFF
64A4FF
73ADFF
83B6FF
92C0FF
A2C9FF
B1D2FF
C1DBFF
D0E4FF
E0EDFF
EFF6FF
Tones
A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
1677FF
1D78F7
2478EE
2B79E6
3279DD
397AD5
407ACC
477BC4
4E7CBB
557CB3
5C7DAA
637DA2
6A7E99
717E91
787F88
Hues
A hue refers to the basic family of a color from red to violet. Hues are variations of a base color on the color wheel.
16FF77
16FF9E
16FFC5
16FFEC
16ECFF
16C5FF
169EFF
1677FF
1650FF
1629FF
2916FF
5016FF
7716FF
9E16FF
C516FF
Color harmonies
Color harmonies are pleasing color schemes created according to their position on a color wheel.
Analogous
Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
16ECFF
1677FF
2916FF
Complementary
Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
1677FF
FF9E16
Split complementary
Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
1677FF
ECFF16
FF2916
Triadic
Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
1677FF
77FF16
FF1677
Tetradic
Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
1677FF
16FF9E
FF1677
FF9E16
Square
Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
1677FF
16FF29
FF9E16
FF16EC
Contrast checker
Verify the contrast of a text on white and black backgrounds.
White background
POOR AA
Quote n. 3
Courage is not the absence of fear, but rather the judgement that something else is more important than fear.
Ambrose Redmoon
Black background
GOOD AAA
Quote n. 3
Courage is not the absence of fear, but rather the judgement that something else is more important than fear.
Ambrose Redmoon