Everything around colors

Specify the color value your are interested in:

Color
Enter the color you want to view, e.g. "#ff8000", "rgb 255,128,0", "hsl 260,0.5,0.5", "hsl 200,50%,50%", "hsv 300,0.4,0.5", "cmyk 20%,20%,10%,0%", ...

convert-color-your

convert-color-your-explanation

#3b5998
rgb(59, 89, 152)

hex : #3b5998
rgb : rgb(59, 89, 152)
hsl : hsl(220.645, 44.1%, 41.4%)
Name : Cobaltblue
HEX : #3B5998
RGB : 59, 89, 152
HSL : 220.645, 0.441, 0.414
HSL % : 220.645, 44.1, 41.4
HSV : 220.645, 0.612, 0.597
HSV % : 220.645, 61.2, 59.7
CMY : 0.769, 0.651, 0.404
CMYK % : 61.2%, 41.4%, 0%, 40.4%
XYZ : 11.044, 10.342, 31.12
CIELAB : 38.449, 9.291, -37.863


convert-color-complementary

convert-color-complementary-explanation
#98793b
rgb(152, 121, 59)


convert-color-analogous

convert-color-analogous-explanation
#3b8998
rgb(59, 137, 152)
#3b5998
rgb(59, 89, 152)
#4b3b98
rgb(75, 59, 152)


convert-color-analogous-close

convert-color-analogous-close-explanation
#3b7198
rgb(59, 113, 152)
#3b5998
rgb(59, 89, 152)
#3b4398
rgb(59, 67, 152)


convert-color-triadic

convert-color-triadic-explanation
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


convert-color-triadic

convert-color-triadic-explanation
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


convert-color-split-complementary

convert-color-split-complementary-explanation
#3b5998
rgb(59, 89, 152)
#984b3b
rgb(152, 75, 59)
#89983b
rgb(137, 152, 59)


convert-color-tetradic

convert-color-tetradic-explanation
#3b5998
rgb(59, 89, 152)
#983b40
rgb(152, 59, 64)
#98793b
rgb(152, 121, 59)
#3b9893
rgb(59, 152, 147)


convert-color-tetradic-left

convert-color-tetradic-left-explanation
#3b5998
rgb(59, 89, 152)
#5f3b98
rgb(95, 59, 152)
#98793b
rgb(152, 121, 59)
#74983b
rgb(116, 152, 59)


convert-color-square

convert-color-square-explanation
#3b5998
rgb(59, 89, 152)
#983b89
rgb(152, 59, 137)
#98793b
rgb(152, 121, 59)
#3b984b
rgb(59, 152, 75)


convert-color-five

convert-color-five-explanation
#3b5998
rgb(59, 89, 152)
#8c3b98
rgb(140, 59, 152)
#98413b
rgb(152, 65, 59)
#7f983b
rgb(127, 152, 59)
#3b9866
rgb(59, 152, 102)


convert-color-six

convert-color-six-explanation
#3b5998
rgb(59, 89, 152)
#793b98
rgb(121, 59, 152)
#983b5a
rgb(152, 59, 90)
#98793b
rgb(152, 121, 59)
#5a983b
rgb(90, 152, 59)
#3b9879
rgb(59, 152, 121)


convert-color-tints

convert-color-tints-explanation
#3b5a98 | rgb(59, 90, 152)
#476cb7 | rgb(71, 108, 183)
#6585c3 | rgb(101, 133, 195)
#849dcf | rgb(132, 157, 207)
#a3b6db | rgb(163, 182, 219)
#c1cee7 | rgb(193, 206, 231)
#e0e7f3 | rgb(224, 231, 243)
#ffffff | rgb(255, 255, 255)


convert-color-shades

convert-color-shades-explanation
#3b5a98 | rgb(59, 90, 152)
#334d82 | rgb(51, 77, 130)
#2a406d | rgb(42, 64, 109)
#223357 | rgb(34, 51, 87)
#192741 | rgb(25, 39, 65)
#111a2b | rgb(17, 26, 43)
#080d16 | rgb(8, 13, 22)
#000000 | rgb(0, 0, 0)


convert-color-desaturated

convert-color-desaturated-explanation
#3b5a98 | rgb(59, 90, 152)
#425c91 | rgb(66, 92, 145)
#485e8b | rgb(72, 94, 139)
#4f6184 | rgb(79, 97, 132)
#56637e | rgb(86, 99, 126)
#5c6577 | rgb(92, 101, 119)
#636770 | rgb(99, 103, 112)
#6a6a6a | rgb(106, 106, 106)


convert-color-intensify

convert-color-intensify-explanation
#3b5a98 | rgb(59, 90, 152)
#3357a1 | rgb(51, 87, 161)
#2a54a9 | rgb(42, 84, 169)
#2252b1 | rgb(34, 82, 177)
#194fba | rgb(25, 79, 186)
#114cc2 | rgb(17, 76, 194)
#0849cb | rgb(8, 73, 203)
#0046d3 | rgb(0, 70, 211)


convert-color-hues

convert-color-hues-explanation
#3b5a98 | rgb(59, 90, 152) | hsl(220, 0.441,0.414)
#403b98 | rgb(64, 59, 152) | hsl(243.226, 0.441,0.414)
#623b98 | rgb(98, 59, 152) | hsl(265.161, 0.441,0.414)
#863b98 | rgb(134, 59, 152) | hsl(288.387, 0.441,0.414)
#983b89 | rgb(152, 59, 137) | hsl(309.677, 0.441,0.414)
#983b65 | rgb(152, 59, 101) | hsl(332.903, 0.441,0.414)
#983b43 | rgb(152, 59, 67) | hsl(354.839, 0.441,0.414)
#98573b | rgb(152, 87, 59) | hsl(18.065, 0.441,0.414)
#98793b | rgb(152, 121, 59) | hsl(40, 0.441,0.414)
#93983b | rgb(147, 152, 59) | hsl(63.226, 0.441,0.414)
#71983b | rgb(113, 152, 59) | hsl(85.161, 0.441,0.414)
#4e983b | rgb(78, 152, 59) | hsl(107.742, 0.441,0.414)
#3b984b | rgb(59, 152, 75) | hsl(130.323, 0.441,0.414)
#3b986e | rgb(59, 152, 110) | hsl(152.903, 0.441,0.414)
#3b9890 | rgb(59, 152, 144) | hsl(174.839, 0.441,0.414)
#3b7c98 | rgb(59, 124, 152) | hsl(198.065, 0.441,0.414)


convert-color-url

convert-color-url-explanation

Facebook   Google+   Xing   Twitter