Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
3B8CCC
Tufts Blue
#

Conversion

HEX 3B8CCC
RGB 59, 140, 204
CMYK 71, 31, 0, 20
HSB 206, 71, 80
HSL 206, 59, 52
LAB 56, -4, -40
XYZ 22, 24, 61
LCH 56, 40, 265
LUV 56, -30, -62
HWB 206, 23, 20

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.
3B8CCC
3285C4
2F7BB5
2B70A6
276697
235C88
1F5278
1B4869
173D5A
13334B
10293C
0C1F2D
08141E
040A0F
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.
3B8CCC
4A96D0
589ED4
66A6D8
74AEDB
82B7DF
90BFE2
9EC7E6
ACCFE9
B9D7ED
C7DFF1
D5E7F4
E3EFF8
F1F7FB
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.
3B8CCC
428EC8
478DC2
4C8CBD
518BB8
568BB3
5B8AAE
6089A9
6689A4
6B889E
708799
758794
7A868F
7F858A
858585

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.
3BCC5D
3BCC76
3BCC8F
3BCCA7
3BCCC0
3BBFCC
3BA6CC
3B8CCC
3B74CC
3B5CCC
3B43CC
4C3BCC
653BCC
7E3BCC
973BCC

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.
3B64CC
3B69CC
3B6FCC
3B75CC
3B7BCC
3B80CC
3B86CC
3B8CCC
4586C2
5080B7
5A7BAD
6475A3
6F6F98
79698E
846484

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.
3CCDAB
3B8CCC
4B3CCD

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
3B8CCC
CD7B3C

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
3B8CCC
CD4B3C
CDAB3C

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
3B8CCC
CD3C8E
8ECD3C

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.
3B8CCC
7B3CCD
CD7B3C
8ECD3C

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
3B8CCC
C33CCD
CD7B3C
46CD3C

Blindness simulator

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

Protanopia

79% similar
1.3% of men, 0.02% of women
3B8CCC
5E5EBC

Protanomaly

88% similar
1.3% of men, 0.02% of women
3B8CCC
4971C4

Deuteranopia

76% similar
1.2% of men, 0.01% of women
3B8CCC
5953B8

Deuteranomaly

90% similar
5% of men, 0.35% of women
3B8CCC
4B77C2

Tritanopia

75% similar
0.001% of men, 0.03% of women
3B8CCC
3FB0AD

Tritanomaly

89% similar
0.0001% of the population
3B8CCC
3D9DC0

Achromatopsia

78% similar
0.003% of the population
3B8CCC
7B7B7B

Achromatomaly

92% similar
0.001% of the population
3B8CCC
5D829F

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

95% similar
3481B8

HKS

95% similar
008AC4

Copic

97% similar

Prismacolor

97% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#