Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
3687D5
Bleu de France
#

Conversion

HEX 3687D5
RGB 54, 135, 213
CMYK 75, 37, 0, 16
HSB 209, 75, 84
HSL 209, 65, 52
LAB 55, 2, -47
XYZ 22, 23, 66
LCH 55, 47, 272
LUV 55, -29, -74
HWB 209, 21, 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.
3687D5
2B7ECB
2874BC
246AAC
21619C
1E578D
1B4D7D
17446D
143A5E
11304E
0D273F
0A1D2F
07131F
030A10
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.
3687D5
4390D7
5298DA
60A1DD
6FA9E0
7DB2E3
8CBBE7
9AC3EA
A8CCED
B7D4F0
C5DDF3
D4E5F6
E2EEF9
F1F6FC
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.
3687D5
3B87CE
4087C9
4687C3
4C86BD
5186B8
5786B2
5D86AC
6386A7
6886A1
6E859B
748596
798590
7F858A
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.
36D663
36D67F
36D69A
36D6B6
36D6D1
36C0D6
36A4D6
3687D5
366DD6
3651D6
3636D6
5136D6
6C36D6
8836D6
A336D6

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.
365FD6
3664D5
366AD5
3670D5
3676D5
367BD5
3681D5
3687D5
4181CA
4D7BBE
5876B3
6470A8
6F6A9C
7B6491
865F86

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.
35D4B7
3687D5
4D35D4

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
3687D5
D48235

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
3687D5
D44D35
D4B735

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
3687D5
D43587
87D435

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.
3687D5
8235D4
D48235
87D435

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
3687D5
D235D4
D48235
38D435

Blindness simulator

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

Protanopia

80% similar
1.3% of men, 0.02% of women
3687D5
5959C2

Protanomaly

89% similar
1.3% of men, 0.02% of women
3687D5
446CCB

Deuteranopia

77% similar
1.2% of men, 0.01% of women
3687D5
544EBD

Deuteranomaly

91% similar
5% of men, 0.35% of women
3687D5
4672C9

Tritanopia

71% similar
0.001% of men, 0.03% of women
3687D5
3AB3AF

Tritanomaly

89% similar
0.0001% of the population
3687D5
389BC6

Achromatopsia

76% similar
0.003% of the population
3687D5
777777

Achromatomaly

92% similar
0.001% of the population
3687D5
597EA1

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. 16Even if you’re on the right track, you’ll get run over if you just sit there.

Will Rogers

Black background

Good 3/5
Quote n. 16Even if you’re on the right track, you’ll get run over if you just sit there.

Will Rogers

Color libraries

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

Name

97% similar

RAL

95% similar
3481B8

HKS

95% similar
0080C8

Copic

95% similar

Prismacolor

95% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#