Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
3D66C5
True Blue
#

Conversion

HEX 3D66C5
RGB 61, 102, 197
CMYK 69, 48, 0, 23
HSB 222, 69, 77
HSL 222, 54, 51
LAB 45, 18, -54
XYZ 17, 15, 55
LCH 45, 57, 288
LUV 45, -17, -82
HWB 222, 24, 23

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.
3D66C5
385FBA
3357AC
2F509D
2B498F
264281
223A72
1E3364
1A2C56
152448
111D39
0D162B
090F1D
04070E
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.
3D66C5
4C72CA
5A7DCE
6888D2
7692D6
839DDA
91A8DE
9FB3E2
ADBEE6
BAC9EA
C8D4EF
D6DEF3
E4E9F7
F1F4FB
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.
3D66C5
4369C1
486BBC
4D6DB7
526FB2
5771AD
5B73A9
6075A4
65769F
6A789A
6F7A95
747C91
787E8C
7D8087
828282

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.
3DC481
3DC498
3DC4AF
3DC2C4
3DABC4
3D94C4
3D7DC4
3D66C5
3D4EC4
433DC4
5A3DC4
713DC4
883DC4
A03DC4
B73DC4

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.
3D52C5
3D54C5
3D57C5
3D5AC5
3D5DC5
3D60C5
3D63C5
3D66C5
4763BB
5060B2
5A5DA8
645A9E
6D5794
77548B
815281

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.
3FC1C6
3D66C5
703FC6

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
3D66C5
C69D3F

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
3D66C5
C6703F
C1C63F

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
3D66C5
C63F67
67C63F

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.
3D66C5
9D3FC6
C69D3F
67C63F

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
3D66C5
C63FAB
C69D3F
3FC65A

Blindness simulator

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

Protanopia

90% similar
1.3% of men, 0.02% of women
3D66C5
4E4FAE

Protanomaly

94% similar
1.3% of men, 0.02% of women
3D66C5
4458B9

Deuteranopia

88% similar
1.2% of men, 0.01% of women
3D66C5
4C49A8

Deuteranomaly

95% similar
5% of men, 0.35% of women
3D66C5
455BB7

Tritanopia

66% similar
0.001% of men, 0.03% of women
3D66C5
3F9B97

Tritanomaly

89% similar
0.0001% of the population
3D66C5
3E7FB3

Achromatopsia

74% similar
0.003% of the population
3D66C5
646464

Achromatomaly

92% similar
0.001% of the population
3D66C5
526590

Contrast checker

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

White background

Good 3/5
Quote n. 29Laughing at our mistakes can lengthen our own life. Laughing at someone else’s can shorten it.

Cullen Hightower

Black background

Poor 2/5
Quote n. 29Laughing at our mistakes can lengthen our own life. Laughing at someone else’s can shorten it.

Cullen Hightower

Color libraries

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

Name

97% similar

RAL

93% similar
41678D

HKS

93% similar
0068B4

Copic

95% similar

Prismacolor

92% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#