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.

#55aeee
rgb(85, 174, 238)

hex :	#55aeee
rgb :	rgb(85, 174, 238)
hsl :	hsl(205.098, 81.8%, 63.3%)

Name :	Cornflowerblue
HEX :	#55AEEE
RGB :	85, 174, 238
HSL :	205.098, 0.818, 0.633
HSL % :	205.098, 81.8, 63.3
HSV :	205.098, 0.643, 0.933
HSV % :	205.098, 64.3, 93.3
CMY :	0.667, 0.318, 0.067
CMYK % :	64.3%, 26.9%, 0%, 6.7%
XYZ :	34.315, 38.376, 86.488
CIELAB :	68.297, -7.32, -39.884

Complementary Color

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

#ee9555
rgb(238, 149, 85)

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.

#55eee1
rgb(85, 238, 225)

#55aeee
rgb(85, 174, 238)

#5562ee
rgb(85, 98, 238)

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.

#55d4ee
rgb(85, 212, 238)

#55aeee
rgb(85, 174, 238)

#5588ee
rgb(85, 136, 238)

Triadic Colors

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

#55aeee
rgb(85, 174, 238)

#ee55ae
rgb(238, 85, 174)

#aeee55
rgb(174, 238, 85)

Triadic Colors

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

#55aeee
rgb(85, 174, 238)

#ee55ae
rgb(238, 85, 174)

#aeee55
rgb(174, 238, 85)

Split Complementary

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

#55aeee
rgb(85, 174, 238)

#ee5562
rgb(238, 85, 98)

#eee155
rgb(238, 225, 85)

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.

#55aeee
rgb(85, 174, 238)

#ee5583
rgb(238, 85, 131)

#ee9555
rgb(238, 149, 85)

#55eec0
rgb(85, 238, 192)

Tetradic Color Scheme Left

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

#55aeee
rgb(85, 174, 238)

#6955ee
rgb(105, 85, 238)

#ee9555
rgb(238, 149, 85)

#daee55
rgb(218, 238, 85)

Square Color Scheme

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

#55aeee
rgb(85, 174, 238)

#e155ee
rgb(225, 85, 238)

#ee9555
rgb(238, 149, 85)

#62ee55
rgb(98, 238, 85)

Five Color Scheme

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

#55aeee
rgb(85, 174, 238)

#b355ee
rgb(179, 85, 238)

#ee5571
rgb(238, 85, 113)

#ebee55
rgb(235, 238, 85)

#55ee76
rgb(85, 238, 118)

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.

#55aeee
rgb(85, 174, 238)

#9555ee
rgb(149, 85, 238)

#ee55ae
rgb(238, 85, 174)

#ee9555
rgb(238, 149, 85)

#aeee55
rgb(174, 238, 85)

#55ee95
rgb(85, 238, 149)

Tints

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

#55aeee | rgb(85, 174, 238)

#6dbaf0 | rgb(109, 186, 240)

#85c5f3 | rgb(133, 197, 243)

#9ed1f5 | rgb(158, 209, 245)

#b6dcf8 | rgb(182, 220, 248)

#cee8fa | rgb(206, 232, 250)

#e7f3fd | rgb(231, 243, 253)

#ffffff | rgb(255, 255, 255)

Shades

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

#55aeee | rgb(85, 174, 238)

#2b9aea | rgb(43, 154, 234)

#1583d2 | rgb(21, 131, 210)

#1169a8 | rgb(17, 105, 168)

#0d4f7e | rgb(13, 79, 126)

#083454 | rgb(8, 52, 84)

#041a2a | rgb(4, 26, 42)

#000000 | rgb(0, 0, 0)

Desaturated Colors

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

#55aeee | rgb(85, 174, 238)

#60ace3 | rgb(96, 172, 227)

#6babd8 | rgb(107, 171, 216)

#76a9cd | rgb(118, 169, 205)

#81a7c2 | rgb(129, 167, 194)

#8ca5b7 | rgb(140, 165, 183)

#96a3ac | rgb(150, 163, 172)

#a1a1a1 | rgb(161, 161, 161)

Intense Colors

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

#55aeee | rgb(85, 174, 238)

#52aff0 | rgb(82, 175, 240)

#50aff3 | rgb(80, 175, 243)

#4eaff5 | rgb(78, 175, 245)

#4bb0f8 | rgb(75, 176, 248)

#49b0fa | rgb(73, 176, 250)

#46b1fd | rgb(70, 177, 253)

#44b1ff | rgb(68, 177, 255)

convert-color-hues

convert-color-hues-explanation

#55aeee | rgb(85, 174, 238) | hsl(205.098, 0.818,0.633)

#5576ee | rgb(85, 118, 238) | hsl(227.059, 0.818,0.633)

#6e55ee | rgb(110, 85, 238) | hsl(249.804, 0.818,0.633)

#a755ee | rgb(167, 85, 238) | hsl(272.157, 0.818,0.633)

#e155ee | rgb(225, 85, 238) | hsl(294.902, 0.818,0.633)

#ee55c3 | rgb(238, 85, 195) | hsl(316.863, 0.818,0.633)

#ee5588 | rgb(238, 85, 136) | hsl(340, 0.818,0.633)

#ee5a55 | rgb(238, 90, 85) | hsl(1.961, 0.818,0.633)

#ee9555 | rgb(238, 149, 85) | hsl(25.098, 0.818,0.633)

#eecd55 | rgb(238, 205, 85) | hsl(47.059, 0.818,0.633)

#d4ee55 | rgb(212, 238, 85) | hsl(70.196, 0.818,0.633)

#9cee55 | rgb(156, 238, 85) | hsl(92.157, 0.818,0.633)

#62ee55 | rgb(98, 238, 85) | hsl(114.902, 0.818,0.633)

#55ee80 | rgb(85, 238, 128) | hsl(136.863, 0.818,0.633)

#55eebb | rgb(85, 238, 187) | hsl(160, 0.818,0.633)

#55e9ee | rgb(85, 233, 238) | hsl(181.961, 0.818,0.633)

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: 61(-20)
	1	2	3	4	5
1	#b0b32a rgb(176, 179, 42)	#2ab348 rgb(42, 179, 72)	#2a7ab3 rgb(42, 122, 179)	#7e2ab3 rgb(126, 42, 179)	#b32a43 rgb(179, 42, 67)
2	#d9db68 rgb(217, 219, 104)	#68db81 rgb(104, 219, 129)	#68abdb rgb(104, 171, 219)	#af68db rgb(175, 104, 219)	#db687d rgb(219, 104, 125)
3	#eeefba rgb(238, 239, 186)	#baefc6 rgb(186, 239, 198)	#bad9ef rgb(186, 217, 239)	#dbbaef rgb(219, 186, 239)	#efbac4 rgb(239, 186, 196)
	Saturation: 81(0)
	1	2	3	4	5
4	#c6c914 rgb(198, 201, 20)	#14c93b rgb(20, 201, 59)	#147dc9 rgb(20, 125, 201)	#8314c9 rgb(131, 20, 201)	#c91435 rgb(201, 20, 53)
5	#ebee55 rgb(235, 238, 85)	#55ee76 rgb(85, 238, 118)	#55aeee rgb(85, 174, 238)	#b355ee rgb(179, 85, 238)	#ee5571 rgb(238, 85, 113)
6	#f6f7b2 rgb(246, 247, 178)	#b2f7c1 rgb(178, 247, 193)	#b2daf7 rgb(178, 218, 247)	#ddb2f7 rgb(221, 178, 247)	#f7b2be rgb(247, 178, 190)
	Saturation: 100(+20)
	1	2	3	4	5
7	#d9dd00 rgb(217, 221, 0)	#00dd30 rgb(0, 221, 48)	#0081dd rgb(0, 129, 221)	#8800dd rgb(136, 0, 221)	#dd0028 rgb(221, 0, 40)
8	#fcff44 rgb(252, 255, 68)	#44ff6c rgb(68, 255, 108)	#44b1ff rgb(68, 177, 255)	#b744ff rgb(183, 68, 255)	#ff4466 rgb(255, 68, 102)
9	#feffaa rgb(254, 255, 170)	#aaffbc rgb(170, 255, 188)	#aadcff rgb(170, 220, 255)	#deaaff rgb(222, 170, 255)	#ffaab9 rgb(255, 170, 185)

Selected Colors

#d9db68
rgb(217, 219, 104)

#68abdb
rgb(104, 171, 219)

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(205.098,81.8,63.3)//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter