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%", ...

Color Information

Overview of the most important information about your selected color.

#dd4739
rgb(221, 71, 57)

hex :	#dd4739
rgb :	rgb(221, 71, 57)
hsl :	hsl(5.122, 70.7%, 54.5%)

Name :	Scarlet
HEX :	#DD4739
RGB :	221, 71, 57
HSL :	5.122, 0.707, 0.545
HSL % :	5.122, 70.7, 54.5
HSV :	5.122, 0.742, 0.867
HSV % :	5.122, 74.2, 86.7
CMY :	0.133, 0.722, 0.776
CMYK % :	0%, 67.9%, 74.2%, 13.3%
XYZ :	32.811, 20.174, 6.036
CIELAB :	52.033, 57.502, 41.04

Complementary Color

The complementary color is the color on the other side of the color wheel.

#39cfdd
rgb(57, 207, 221)

Analogous Color Scheme

The analogous color scheme uses colors which are next to the main color on the color wheel. In this case the analogous colors are 30° right and left of the main color.

#dd397d
rgb(221, 57, 125)

#dd4739
rgb(221, 71, 57)

#dd9939
rgb(221, 153, 57)

Analogous Color Scheme (Close)

The close analogous color scheme uses colors which are close to the main color on the color wheel. In this case the analogous colors are 15° right and left of the main color.

#dd3954
rgb(221, 57, 84)

#dd4739
rgb(221, 71, 57)

#dd7039
rgb(221, 112, 57)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#dd4739
rgb(221, 71, 57)

#39dd47
rgb(57, 221, 71)

#4739dd
rgb(71, 57, 221)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#dd4739
rgb(221, 71, 57)

#39dd47
rgb(57, 221, 71)

#4739dd
rgb(71, 57, 221)

Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.

#dd4739
rgb(221, 71, 57)

#39dd99
rgb(57, 221, 153)

#397ddd
rgb(57, 125, 221)

Tetradic Color Scheme

The tetradic color scheme distributes four colors on the color wheel. In this case the creation of the rectangle to distribute the colors is based on the golden ratio.

#dd4739
rgb(221, 71, 57)

#39dd75
rgb(57, 221, 117)

#39cfdd
rgb(57, 207, 221)

#dd39a1
rgb(221, 57, 161)

Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.

#dd4739
rgb(221, 71, 57)

#ddbc39
rgb(221, 188, 57)

#39cfdd
rgb(57, 207, 221)

#395add
rgb(57, 90, 221)

Square Color Scheme

The square color scheme distributes four color equally on the color wheel.

#dd4739
rgb(221, 71, 57)

#7ddd39
rgb(125, 221, 57)

#39cfdd
rgb(57, 207, 221)

#9939dd
rgb(153, 57, 221)

Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.

#dd4739
rgb(221, 71, 57)

#afdd39
rgb(175, 221, 57)

#39dd88
rgb(57, 221, 136)

#396ddd
rgb(57, 109, 221)

#ca39dd
rgb(202, 57, 221)

Six Color Scheme

In this color scheme there are six colors equally distributed over the color wheel. Therefore each color is away 60° of the next one.

#dd4739
rgb(221, 71, 57)

#cfdd39
rgb(207, 221, 57)

#39dd47
rgb(57, 221, 71)

#39cfdd
rgb(57, 207, 221)

#4739dd
rgb(71, 57, 221)

#dd39cf
rgb(221, 57, 207)

Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.

#dd4739 | rgb(221, 71, 57)

#e26155 | rgb(226, 97, 85)

#e77b72 | rgb(231, 123, 114)

#ec968e | rgb(236, 150, 142)

#f0b0aa | rgb(240, 176, 170)

#f5cac6 | rgb(245, 202, 198)

#fae5e3 | rgb(250, 229, 227)

#ffffff | rgb(255, 255, 255)

Shades

Shades are created by reducing the luminance of the color down to black.

#dd4739 | rgb(221, 71, 57)

#cb3123 | rgb(203, 49, 35)

#a9291d | rgb(169, 41, 29)

#882117 | rgb(136, 33, 23)

#661811 | rgb(102, 24, 17)

#44100c | rgb(68, 16, 12)

#220806 | rgb(34, 8, 6)

#000000 | rgb(0, 0, 0)

Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.

#dd4739 | rgb(221, 71, 57)

#d15045 | rgb(209, 80, 69)

#c65a50 | rgb(198, 90, 80)

#ba645c | rgb(186, 100, 92)

#ae6e68 | rgb(174, 110, 104)

#a27774 | rgb(162, 119, 116)

#97817f | rgb(151, 129, 127)

#8b8b8b | rgb(139, 139, 139)

Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.

#dd4739 | rgb(221, 71, 57)

#e24334 | rgb(226, 67, 52)

#e73f2f | rgb(231, 63, 47)

#ec3a2a | rgb(236, 58, 42)

#f03626 | rgb(240, 54, 38)

#f53221 | rgb(245, 50, 33)

#fa2e1c | rgb(250, 46, 28)

#ff2a17 | rgb(255, 42, 23)

convert-color-hues

convert-color-hues-explanation

#dd4739 | rgb(221, 71, 57) | hsl(5.122, 0.707,0.545)

#dd8339 | rgb(221, 131, 57) | hsl(27.073, 0.707,0.545)

#ddc239 | rgb(221, 194, 57) | hsl(50.122, 0.707,0.545)

#bcdd39 | rgb(188, 221, 57) | hsl(72.073, 0.707,0.545)

#7ddd39 | rgb(125, 221, 57) | hsl(95.122, 0.707,0.545)

#41dd39 | rgb(65, 221, 57) | hsl(117.073, 0.707,0.545)

#39dd70 | rgb(57, 221, 112) | hsl(140.122, 0.707,0.545)

#39ddac | rgb(57, 221, 172) | hsl(162.073, 0.707,0.545)

#39cfdd | rgb(57, 207, 221) | hsl(185.122, 0.707,0.545)

#3993dd | rgb(57, 147, 221) | hsl(207.073, 0.707,0.545)

#3954dd | rgb(57, 84, 221) | hsl(230.122, 0.707,0.545)

#5a39dd | rgb(90, 57, 221) | hsl(252.073, 0.707,0.545)

#9939dd | rgb(153, 57, 221) | hsl(275.122, 0.707,0.545)

#d539dd | rgb(213, 57, 221) | hsl(297.073, 0.707,0.545)

#dd39a6 | rgb(221, 57, 166) | hsl(320.122, 0.707,0.545)

#dd396a | rgb(221, 57, 106) | hsl(342.073, 0.707,0.545)

Color Table

Showing the color table based on modified HSL values. Values are separated by comma(,).

H (0-360):
S (0-100):
L (0-100):
Select (x-y):

	Saturation: 50(-20)
	1	2	3	4	5
1	#2b4885 rgb(43, 72, 133)	#7a2b85 rgb(122, 43, 133)	#85332b rgb(133, 51, 43)	#6b852b rgb(107, 133, 43)	#2b8556 rgb(43, 133, 86)
2	#5075c6 rgb(80, 117, 198)	#b850c6 rgb(184, 80, 198)	#c65a50 rgb(198, 90, 80)	#a4c650 rgb(164, 198, 80)	#50c689 rgb(80, 198, 137)
3	#9db2df rgb(157, 178, 223)	#d79ddf rgb(215, 157, 223)	#dfa39d rgb(223, 163, 157)	#ccdf9d rgb(204, 223, 157)	#9ddfbd rgb(157, 223, 189)
	Saturation: 70(0)
	1	2	3	4	5
4	#1a4196 rgb(26, 65, 150)	#881a96 rgb(136, 26, 150)	#96241a rgb(150, 36, 26)	#73961a rgb(115, 150, 26)	#1a9656 rgb(26, 150, 86)
5	#396ddd rgb(57, 109, 221)	#ca39dd rgb(202, 57, 221)	#dd4739 rgb(221, 71, 57)	#afdd39 rgb(175, 221, 57)	#39dd88 rgb(57, 221, 136)
6	#90adec rgb(144, 173, 236)	#e190ec rgb(225, 144, 236)	#ec9890 rgb(236, 152, 144)	#d2ec90 rgb(210, 236, 144)	#90ecbc rgb(144, 236, 188)
	Saturation: 90(+20)
	1	2	3	4	5
7	#083ba8 rgb(8, 59, 168)	#9508a8 rgb(149, 8, 168)	#a81508 rgb(168, 21, 8)	#7ba808 rgb(123, 168, 8)	#08a855 rgb(8, 168, 85)
8	#2264f4 rgb(34, 100, 244)	#dc22f4 rgb(220, 34, 244)	#f43322 rgb(244, 51, 34)	#b9f422 rgb(185, 244, 34)	#22f487 rgb(34, 244, 135)
9	#83a8f9 rgb(131, 168, 249)	#eb83f9 rgb(235, 131, 249)	#f98d83 rgb(249, 141, 131)	#d8f983 rgb(216, 249, 131)	#83f9bc rgb(131, 249, 188)

Selected Colors

#5075c6
rgb(80, 117, 198)

#c65a50
rgb(198, 90, 80)

Color Information and Schemes in the URL

The idea and reason of this page is getting color information. Fast and simple. Therefore I created it in a way that you can specify the color you are interested in directly in the URL.\n\nSome example how colors can be specified in the URL:\nSpecifying a hex value. Make sure to remove the # sign:\nhttps://www.prankl.com/color/ff8000 \n\nDirectly specify an RGB code:\nhttps://www.prankl.com/color/rgb(255,128,0)\n\nDirectly specify an HSL value:\nhttps://www.prankl.com/color/hsl(100,0.3,0.3)\n\nOr specify the HSL values as percentages:\nhttps://www.prankl.com/color/hsl(100,30,30)

Full URL:
https://www.prankl.com/color/hsl(5.854,70.7,54.5)//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter