Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
3322E3
Blue
#

Conversion

HEX 3322E3
RGB 51, 34, 227
CMYK 78, 85, 0, 11
HSB 245, 85, 89
HSL 245, 78, 51
LAB 33, 65, -91
XYZ 16, 7, 73
LCH 33, 112, 305
LUV 33, -7, -117
HWB 245, 13, 11

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.
3322E3
2A1BD7
2719C6
2416B6
2114A5
1D1295
1A1084
170E74
140C63
100A53
0D0842
0A0632
070421
030211
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.
3322E3
4030E5
4E40E7
5D50E9
6C60EB
7A70ED
8980EF
9890F1
A7A0F3
B5B0F5
C4BFF7
D3CFF9
E2DFFB
F0EFFD
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.
3322E3
3728DD
3C2FD6
4235CF
483CC8
4E43C1
544ABA
5951B3
5F58AC
655FA5
6B669E
716D97
767490
7C7B89
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.
22E3CC
22D8E3
22B7E3
2296E3
2275E3
2254E3
2233E3
3322E3
5322E3
7422E3
9522E3
B622E3
D722E3
E322CD
E322AC

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.
2B22E3
2C22E3
2D22E3
2E22E3
2F22E3
3122E3
3222E3
3322E3
4022D5
4C22C7
5922BA
6522AC
72229E
7E2290
8B2283

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.
2192E4
3322E3
B321E4

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
3322E3
D3E421

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
3322E3
E4B321
92E421

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
3322E3
E43121
21E431

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.
3322E3
E421D3
D3E421
21E431

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
3322E3
E42172
D3E421
21E492

Blindness simulator

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

Protanopia

93% similar
1.3% of men, 0.02% of women
3322E3
2B2BB4

Protanomaly

96% similar
1.3% of men, 0.02% of women
3322E3
2F27CA

Deuteranopia

92% similar
1.2% of men, 0.01% of women
3322E3
2C2DA9

Deuteranomaly

96% similar
5% of men, 0.35% of women
3322E3
2F26C7

Tritanopia

56% similar
0.001% of men, 0.03% of women
3322E3
328F87

Tritanomaly

86% similar
0.0001% of the population
3322E3
3255BF

Achromatopsia

67% similar
0.003% of the population
3322E3
3D3D3D

Achromatomaly

87% similar
0.001% of the population
3322E3
383088

Contrast checker

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

White background

Very good 4/5
Quote n. 11Everyone is a genius at least once a year. The real geniuses simply have their bright ideas closer together.

Georg Christoph Lichtenberg

Black background

Very poor 1/5
Quote n. 11Everyone is a genius at least once a year. The real geniuses simply have their bright ideas closer together.

Georg Christoph Lichtenberg

Color libraries

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

Name

96% similar
0000FF

RAL

85% similar
2B2C7C

HKS

88% similar
42338B

Copic

87% similar
3B479D

Prismacolor

97% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#