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

#dd4b39
rgb(221, 75, 57)

hex : #dd4b39
rgb : rgb(221, 75, 57)
hsl : hsl(6.585, 70.7%, 54.5%)
Name : Scarlet
HEX : #DD4B39
RGB : 221, 75, 57
HSL : 6.585, 0.707, 0.545
HSL % : 6.585, 70.7, 54.5
HSV : 6.585, 0.742, 0.867
HSV % : 6.585, 74.2, 86.7
CMY : 0.133, 0.706, 0.776
CMYK % : 0%, 66.1%, 74.2%, 13.3%
XYZ : 33.073, 20.7, 6.123
CIELAB : 52.62, 55.907, 41.686


convert-color-complementary

convert-color-complementary-explanation
#39cddd
rgb(57, 205, 221)


convert-color-analogous

convert-color-analogous-explanation
#dd397b
rgb(221, 57, 123)
#dd4b39
rgb(221, 75, 57)
#dd9b39
rgb(221, 155, 57)


convert-color-analogous-close

convert-color-analogous-close-explanation
#dd3952
rgb(221, 57, 82)
#dd4b39
rgb(221, 75, 57)
#dd7239
rgb(221, 114, 57)


convert-color-triadic

convert-color-triadic-explanation
#dd4b39
rgb(221, 75, 57)
#39dd49
rgb(57, 221, 73)
#4939dd
rgb(73, 57, 221)


convert-color-triadic

convert-color-triadic-explanation
#dd4b39
rgb(221, 75, 57)
#39dd49
rgb(57, 221, 73)
#4939dd
rgb(73, 57, 221)


convert-color-split-complementary

convert-color-split-complementary-explanation
#dd4b39
rgb(221, 75, 57)
#39dd9b
rgb(57, 221, 155)
#397bdd
rgb(57, 123, 221)


convert-color-tetradic

convert-color-tetradic-explanation
#dd4b39
rgb(221, 75, 57)
#39dd78
rgb(57, 221, 120)
#39cddd
rgb(57, 205, 221)
#dd399e
rgb(221, 57, 158)


convert-color-tetradic-left

convert-color-tetradic-left-explanation
#dd4b39
rgb(221, 75, 57)
#ddbf39
rgb(221, 191, 57)
#39cddd
rgb(57, 205, 221)
#3957dd
rgb(57, 87, 221)


convert-color-square

convert-color-square-explanation
#dd4b39
rgb(221, 75, 57)
#7bdd39
rgb(123, 221, 57)
#39cddd
rgb(57, 205, 221)
#9b39dd
rgb(155, 57, 221)


convert-color-five

convert-color-five-explanation
#dd4b39
rgb(221, 75, 57)
#acdd39
rgb(172, 221, 57)
#39dd8b
rgb(57, 221, 139)
#396add
rgb(57, 106, 221)
#cd39dd
rgb(205, 57, 221)


convert-color-six

convert-color-six-explanation
#dd4b39
rgb(221, 75, 57)
#cddd39
rgb(205, 221, 57)
#39dd49
rgb(57, 221, 73)
#39cddd
rgb(57, 205, 221)
#4939dd
rgb(73, 57, 221)
#dd39cd
rgb(221, 57, 205)


convert-color-tints

convert-color-tints-explanation
#dd4939 | rgb(221, 73, 57)
#e26355 | rgb(226, 99, 85)
#e77d72 | rgb(231, 125, 114)
#ec978e | rgb(236, 151, 142)
#f0b1aa | rgb(240, 177, 170)
#f5cbc6 | rgb(245, 203, 198)
#fae5e3 | rgb(250, 229, 227)
#ffffff | rgb(255, 255, 255)


convert-color-shades

convert-color-shades-explanation
#dd4939 | rgb(221, 73, 57)
#cb3423 | rgb(203, 52, 35)
#a92b1d | rgb(169, 43, 29)
#882217 | rgb(136, 34, 23)
#661a11 | rgb(102, 26, 17)
#44110c | rgb(68, 17, 12)
#220906 | rgb(34, 9, 6)
#000000 | rgb(0, 0, 0)


convert-color-desaturated

convert-color-desaturated-explanation
#dd4939 | rgb(221, 73, 57)
#d15345 | rgb(209, 83, 69)
#c65c50 | rgb(198, 92, 80)
#ba655c | rgb(186, 101, 92)
#ae6f68 | rgb(174, 111, 104)
#a27874 | rgb(162, 120, 116)
#97827f | rgb(151, 130, 127)
#8b8b8b | rgb(139, 139, 139)


convert-color-intensify

convert-color-intensify-explanation
#dd4939 | rgb(221, 73, 57)
#e24534 | rgb(226, 69, 52)
#e7422f | rgb(231, 66, 47)
#ec3e2a | rgb(236, 62, 42)
#f03a26 | rgb(240, 58, 38)
#f53621 | rgb(245, 54, 33)
#fa321c | rgb(250, 50, 28)
#ff2e17 | rgb(255, 46, 23)


convert-color-hues

convert-color-hues-explanation
#dd4939 | rgb(221, 73, 57) | hsl(5.854, 0.707,0.545)
#dd8839 | rgb(221, 136, 57) | hsl(28.902, 0.707,0.545)
#ddc439 | rgb(221, 196, 57) | hsl(50.854, 0.707,0.545)
#b7dd39 | rgb(183, 221, 57) | hsl(73.902, 0.707,0.545)
#7bdd39 | rgb(123, 221, 57) | hsl(95.854, 0.707,0.545)
#3cdd39 | rgb(60, 221, 57) | hsl(118.902, 0.707,0.545)
#39dd72 | rgb(57, 221, 114) | hsl(140.854, 0.707,0.545)
#39ddb1 | rgb(57, 221, 177) | hsl(163.902, 0.707,0.545)
#39cddd | rgb(57, 205, 221) | hsl(185.854, 0.707,0.545)
#398edd | rgb(57, 142, 221) | hsl(208.902, 0.707,0.545)
#3952dd | rgb(57, 82, 221) | hsl(230.854, 0.707,0.545)
#5f39dd | rgb(95, 57, 221) | hsl(253.902, 0.707,0.545)
#9b39dd | rgb(155, 57, 221) | hsl(275.854, 0.707,0.545)
#da39dd | rgb(218, 57, 221) | hsl(298.902, 0.707,0.545)
#dd39a4 | rgb(221, 57, 164) | hsl(320.854, 0.707,0.545)
#dd3965 | rgb(221, 57, 101) | hsl(343.902, 0.707,0.545)


convert-color-url

convert-color-url-explanation

Facebook   Google+   Xing   Twitter