Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
368EC3
Blue (NCS)
#

Conversion

HEX 368EC3
RGB 54, 142, 195
CMYK 72, 27, 0, 24
HSB 203, 72, 76
HSL 203, 57, 49
LAB 56, -9, -35
XYZ 21, 24, 55
LCH 56, 36, 256
LUV 56, -32, -53
HWB 203, 21, 24

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.
368EC3
3283B6
2E79A8
2A6F9A
26658C
235B7E
1F5170
1B4762
173D54
133346
0F2838
0C1E2A
08141C
040A0E
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.
368EC3
4196CB
509ECF
5FA6D3
6DAED7
7CB7DB
8ABFDF
99C7E3
A7CFE7
B6D7EB
C5DFEF
D3E7F3
E2EFF7
F0F7FB
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.
368EC3
3B8CBF
408BBA
458AB5
4A89B0
4F88AB
5486A6
5985A1
5E849B
648396
698291
6E818C
737F87
787E82
7D7D7D

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.
36C250
36C268
36C280
36C298
36C2B0
36BCC2
36A4C2
368EC3
3674C2
365CC2
3645C2
4036C2
5836C2
7036C2
8836C2

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.
3662C3
3668C3
366FC3
3675C3
367BC3
3681C3
3688C3
368EC3
4088B9
4A81AF
547BA5
5E759B
686F91
726887
7C627D

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.
36C49C
368EC3
3D36C4

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
368EC3
C46C36

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
368EC3
C43D36
C49C36

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
368EC3
C4368E
8EC436

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.
368EC3
6C36C4
C46C36
8EC436

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
368EC3
B436C4
C46C36
46C436

Blindness simulator

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

Protanopia

77% similar
1.3% of men, 0.02% of women
368EC3
5C5CB6

Protanomaly

86% similar
1.3% of men, 0.02% of women
368EC3
4670BC

Deuteranopia

74% similar
1.2% of men, 0.01% of women
368EC3
5750B3

Deuteranomaly

89% similar
5% of men, 0.35% of women
368EC3
4777BB

Tritanopia

78% similar
0.001% of men, 0.03% of women
368EC3
3AACA9

Tritanomaly

90% similar
0.0001% of the population
368EC3
389CB9

Achromatopsia

79% similar
0.003% of the population
368EC3
797979

Achromatomaly

91% similar
0.001% of the population
368EC3
5A829A

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. 4When hungry, eat your rice; when tired, close your eyes. Fools may laugh at me, but wise men will know what I mean.

Lin-Chi

Black background

Good 3/5
Quote n. 4When hungry, eat your rice; when tired, close your eyes. Fools may laugh at me, but wise men will know what I mean.

Lin-Chi

Color libraries

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

Name

96% similar

RAL

95% similar
3481B8

HKS

97% similar
0092CF

Copic

97% similar

Prismacolor

98% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#