Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
337FD6
Azure
#

Conversion

HEX 337FD6
RGB 51, 127, 214
CMYK 76, 41, 0, 16
HSB 212, 76, 84
HSL 212, 67, 52
LAB 53, 7, -51
XYZ 21, 21, 67
LCH 53, 52, 278
LUV 53, -27, -80
HWB 212, 20, 16

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.
337FD6
2976CE
266DBE
2264AE
1F5A9E
1C518E
19487F
163F6F
13365F
102D4F
0D243F
091B2F
061220
030910
000000

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
337FD6
4188D9
5091DC
5E9BDF
6DA4E2
7CADE5
8AB6E8
99BFEB
A7C8EE
B6D1F1
C5DAF3
D3E4F6
E2EDF9
F0F6FC
FFFFFF

Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
337FD6
3880D1
3E80CB
4480C5
4A81BF
5081B9
5681B3
5C82AE
6182A8
6783A2
6D839C
738396
798490
7F848A
858585

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.
33D66A
33D686
33D6A1
33D6BD
33D3D6
33B7D6
339BD6
337FD6
3363D6
3348D6
3B33D6
5733D6
7333D6
8F33D6
AB33D6

Temperatures

Color are often divided in cool and warm according to how we perceive them. Greens and blues are cool, whilst reds and yellows are warm.
3359D6
335ED6
3364D6
3369D6
336FD6
3374D6
337AD6
337FD6
3F7ACA
4A74BF
566FB3
6269A7
6D649C
795E90
855985

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

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.
33D7C1
337FD6
5333D7

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
337FD6
D78A33

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
337FD6
D75333
D7C133

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
337FD6
D7337F
7FD733

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.
337FD6
8A33D7
D78A33
7FD733

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
337FD6
D733D1
D78A33
33D738

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs. Learn more

Protanopia

82% similar
1.3% of men, 0.02% of women
337FD6
5354C0

Protanomaly

89% similar
1.3% of men, 0.02% of women
337FD6
4065CB

Deuteranopia

79% similar
1.2% of men, 0.01% of women
337FD6
4F49BB

Deuteranomaly

91% similar
5% of men, 0.35% of women
337FD6
426BC9

Tritanopia

69% similar
0.001% of men, 0.03% of women
337FD6
36B0AC

Tritanomaly

89% similar
0.0001% of the population
337FD6
3596C6

Achromatopsia

75% similar
0.003% of the population
337FD6
727272

Achromatomaly

92% similar
0.001% of the population
337FD6
55789F

Contrast checker

Verify the contrast of a text on white and black backgrounds. For additional options use this tool.

White background

Poor 2/5
Quote n. 1Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupéry

Black background

Good 3/5
Quote n. 1Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupéry

Color libraries

View the most similar correspondences of this color with these popular color libraries.

Name

96% similar
007FFF

RAL

95% similar
3481B8

HKS

95% similar
0080C8

Copic

94% similar

Prismacolor

94% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#