Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
367EB4
Steel blue
#

Conversion

HEX 367EB4
RGB 54, 126, 180
CMYK 70, 30, 0, 29
HSB 206, 70, 71
HSL 206, 54, 46
LAB 51, -5, -35
XYZ 17, 19, 46
LCH 51, 35, 263
LUV 51, -27, -53
HWB 206, 21, 29

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.
367EB4
3275A8
2E6C9B
2A638E
275A81
235174
1F4867
1B3F5A
17364D
132D41
0F2434
0C1B27
08121A
04090D
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.
367EB4
3A88C4
4991C9
589BCD
68A4D2
77ADD6
86B6DB
95BFDF
A4C8E4
B3D1E8
C2DAED
D2E4F1
E1EDF6
F0F6FA
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.
367EB4
3A7DB0
3F7DAC
447CA7
487BA3
4D7B9E
517A99
567A95
5A7990
5F788C
637887
687783
6C777E
71767A
757575

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.
36B554
36B56A
36B57F
36B595
36B5AB
36AAB5
3694B5
367EB4
3668B5
3653B5
363DB5
4536B5
5B36B5
7136B5
8736B5

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.
365AB5
365FB4
3664B4
3669B4
366FB4
3674B4
3679B4
367EB4
3F79AB
4874A2
516F99
5A6990
636487
6C5F7E
765A75

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.
36B597
367EB4
4336B5

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
367EB4
B56D36

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
367EB4
B54336
B59736

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
367EB4
B5367E
7EB536

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.
367EB4
6D36B5
B56D36
7EB536

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
367EB4
AC36B5
B56D36
3EB536

Blindness simulator

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

Protanopia

81% similar
1.3% of men, 0.02% of women
367EB4
5555A6

Protanomaly

89% similar
1.3% of men, 0.02% of women
367EB4
4366AD

Deuteranopia

78% similar
1.2% of men, 0.01% of women
367EB4
514BA3

Deuteranomaly

91% similar
5% of men, 0.35% of women
367EB4
446BAC

Tritanopia

77% similar
0.001% of men, 0.03% of women
367EB4
399C9A

Tritanomaly

90% similar
0.0001% of the population
367EB4
388CAA

Achromatopsia

79% similar
0.003% of the population
367EB4
6E6E6E

Achromatomaly

92% similar
0.001% of the population
367EB4
54758E

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. 12What we think, or what we know, or what we believe is, in the end, of little consequence. The only consequence is what we do.

John Ruskin

Black background

Good 3/5
Quote n. 12What we think, or what we know, or what we believe is, in the end, of little consequence. The only consequence is what we do.

John Ruskin

Color libraries

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

Name

97% similar

RAL

98% similar
3481B8

HKS

97% similar
0080C8

Copic

96% similar

Prismacolor

95% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#