Color picker

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

Conversion

HEX 367DB2
RGB 54, 125, 178
CMYK 70, 30, 0, 30
HSB 206, 70, 70
HSL 206, 53, 45
LAB 50, -5, -34
XYZ 17, 19, 45
LCH 50, 35, 262
LUV 50, -27, -52
HWB 206, 21, 30

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.
367DB2
3272A3
2E6996
2A618A
27587D
234F71
1F4664
1B3D58
17354B
132C3F
0F2332
0C1A26
081219
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.
367DB2
3B86BF
478FC6
5699CB
66A2D0
75ABD5
84B5D9
94BEDE
A3C7E3
B2D0E7
C2DAEC
D1E3F1
E0ECF6
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.
367DB2
3A7AAB
3F7AA7
4379A3
47799E
4C789A
507796
547791
59768D
5D7688
617584
667480
6A747B
6E7377
737373

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.
36B353
36B368
36B37E
36B393
36B3A8
36A7B3
3692B3
367DB2
3667B3
3652B3
363CB3
4436B3
5A36B3
6F36B3
8536B3

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.
365AB3
365FB2
3664B2
3669B2
366EB2
3673B2
3678B2
367DB2
3F78A9
4873A0
516E97
5A698F
636486
6C5F7D
755A74

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.
36B093
367DB2
4236B0

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
367DB2
B04236
B09336

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
367DB2
B0367B
7BB036

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.
367DB2
6B36B0
B06B36
7BB036

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
367DB2
A736B0
B06B36
3EB036

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
367DB2
5455A5

Protanomaly

89% similar
1.3% of men, 0.02% of women
367DB2
4265AB

Deuteranopia

79% similar
1.2% of men, 0.01% of women
367DB2
504BA2

Deuteranomaly

91% similar
5% of men, 0.35% of women
367DB2
446AAA

Tritanopia

77% similar
0.001% of men, 0.03% of women
367DB2
399B98

Tritanomaly

90% similar
0.0001% of the population
367DB2
388BA8

Achromatopsia

79% similar
0.003% of the population
367DB2
6D6D6D

Achromatomaly

92% similar
0.001% of the population
367DB2
54748C

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. 1Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupéry

Black background

Good 3/5
Quote n. 1Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupéry

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
#