Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
312C73
Midnight blue
#

Conversion

HEX 312C73
RGB 49, 44, 115
CMYK 57, 62, 0, 55
HSB 244, 62, 45
HSL 244, 45, 31
LAB 23, 24, -40
XYZ 5, 4, 17
LCH 23, 47, 301
LUV 23, -2, -49
HWB 244, 17, 55

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.
312C73
2D286A
292562
26225A
221F52
1F1C4A
1C1941
181639
151331
111029
0E0C21
0A0919
070610
030308
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.
312C73
383285
403997
4740A9
5049BA
625BC1
736DC8
857FCF
9692D6
A8A4DC
B9B6E3
CBC8EA
DCDBF1
EEEDF8
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.
312C73
322E70
35316E
37336B
393668
3B3866
3D3B63
403D61
42405E
44425C
464559
484757
4B4A54
4D4D52
4F4F4F

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.
2C7369
2C7073
2C6473
2C5873
2C4B73
2C3F73
2C3373
312C73
3D2C73
492C73
552C73
612C73
6D2C73
732C6C
732C60

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.
2F2C73
2F2C73
2F2C73
302C73
302C73
302C73
312C73
312C73
362C6E
3A2C69
3F2C64
442C5F
492C5A
4D2C55
522C50

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.
2B5673
312C73
602B73

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
312C73
6E732B

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
312C73
73602B
56732B

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
312C73
73302B
2B7330

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.
312C73
732B6E
6E732B
2B7330

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
312C73
732B4A
6E732B
2B7354

Blindness simulator

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

Protanopia

95% similar
1.3% of men, 0.02% of women
312C73
2E2E61

Protanomaly

97% similar
1.3% of men, 0.02% of women
312C73
302D6A

Deuteranopia

94% similar
1.2% of men, 0.01% of women
312C73
2F2F5D

Deuteranomaly

97% similar
5% of men, 0.35% of women
312C73
302D68

Tritanopia

72% similar
0.001% of men, 0.03% of women
312C73
305451

Tritanomaly

91% similar
0.0001% of the population
312C73
303E66

Achromatopsia

76% similar
0.003% of the population
312C73
353535

Achromatomaly

90% similar
0.001% of the population
312C73
333151

Contrast checker

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

White background

Super 5/5
Quote n. 30There are many who dare not kill themselves for fear of what the neighbors will say.

Cyril Connolly

Black background

Very poor 1/5
Quote n. 30There are many who dare not kill themselves for fear of what the neighbors will say.

Cyril Connolly

Color libraries

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

Name

94% similar

RAL

97% similar
2B2C7C

HKS

95% similar
42338B

Copic

90% similar
3B479D

Prismacolor

92% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#