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.

#cb2029
rgb(203, 32, 41)

hex : #cb2029
rgb : rgb(203, 32, 41)
hsl : hsl(356.842, 72.8%, 46.1%)
Name : Amaranth
HEX : #CB2029
RGB : 203, 32, 41
HSL : 356.842, 0.728, 0.461
HSL % : 356.842, 72.8, 46.1
HSV : 356.842, 0.843, 0.797
HSV % : 356.842, 84.3, 79.7
CMY : 0.204, 0.875, 0.839
CMYK % : 0%, 84.2%, 79.8%, 20.4%
XYZ : 25.545, 13.89, 3.432
CIELAB : 44.075, 63.727, 40.4


Complementary Color

The complementary color is the color on the other side of the color wheel.
#20cbc0
rgb(32, 203, 192)


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.
#cb2081
rgb(203, 32, 129)
#cb2029
rgb(203, 32, 41)
#cb6a20
rgb(203, 106, 32)


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.
#cb2056
rgb(203, 32, 86)
#cb2029
rgb(203, 32, 41)
#cb3f20
rgb(203, 63, 32)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#cb2029
rgb(203, 32, 41)
#2bcb20
rgb(43, 203, 32)
#202bcb
rgb(32, 43, 203)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#cb2029
rgb(203, 32, 41)
#2bcb20
rgb(43, 203, 32)
#202bcb
rgb(32, 43, 203)


Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.
#cb2029
rgb(203, 32, 41)
#20cb6a
rgb(32, 203, 106)
#2081cb
rgb(32, 129, 203)


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.
#cb2029
rgb(203, 32, 41)
#20cb45
rgb(32, 203, 69)
#20cbc0
rgb(32, 203, 192)
#cb20a6
rgb(203, 32, 166)


Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.
#cb2029
rgb(203, 32, 41)
#cb8f20
rgb(203, 143, 32)
#20cbc0
rgb(32, 203, 192)
#205ccb
rgb(32, 92, 203)


Square Color Scheme

The square color scheme distributes four color equally on the color wheel.
#cb2029
rgb(203, 32, 41)
#81cb20
rgb(129, 203, 32)
#20cbc0
rgb(32, 203, 192)
#6a20cb
rgb(106, 32, 203)


Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.
#cb2029
rgb(203, 32, 41)
#b4cb20
rgb(180, 203, 32)
#20cb59
rgb(32, 203, 89)
#2070cb
rgb(32, 112, 203)
#9d20cb
rgb(157, 32, 203)


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.
#cb2029
rgb(203, 32, 41)
#cbc020
rgb(203, 192, 32)
#2bcb20
rgb(43, 203, 32)
#20cbc0
rgb(32, 203, 192)
#202bcb
rgb(32, 43, 203)
#c020cb
rgb(192, 32, 203)


Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.
#cb202b | rgb(203, 32, 43)
#df333f | rgb(223, 51, 63)
#e4555f | rgb(228, 85, 95)
#ea777f | rgb(234, 119, 127)
#ef999f | rgb(239, 153, 159)
#f4bbbf | rgb(244, 187, 191)
#fadddf | rgb(250, 221, 223)
#ffffff | rgb(255, 255, 255)


Shades

Shades are created by reducing the luminance of the color down to black.
#cb202b | rgb(203, 32, 43)
#ae1b25 | rgb(174, 27, 37)
#91171f | rgb(145, 23, 31)
#741219 | rgb(116, 18, 25)
#570e13 | rgb(87, 14, 19)
#3a090c | rgb(58, 9, 12)
#1d0506 | rgb(29, 5, 6)
#000000 | rgb(0, 0, 0)


Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.
#cb202b | rgb(203, 32, 43)
#bf2c36 | rgb(191, 44, 54)
#b33841 | rgb(179, 56, 65)
#a6454b | rgb(166, 69, 75)
#9a5156 | rgb(154, 81, 86)
#8e5d60 | rgb(142, 93, 96)
#82696b | rgb(130, 105, 107)
#767676 | rgb(118, 118, 118)


Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.
#cb202b | rgb(203, 32, 43)
#d01b27 | rgb(208, 27, 39)
#d41723 | rgb(212, 23, 35)
#d91220 | rgb(217, 18, 32)
#dd0e1c | rgb(221, 14, 28)
#e20918 | rgb(226, 9, 24)
#e70514 | rgb(231, 5, 20)
#eb0010 | rgb(235, 0, 16)


convert-color-hues

convert-color-hues-explanation
#cb202b | rgb(203, 32, 43) | hsl(356.14, 0.728,0.461)
#cb5620 | rgb(203, 86, 32) | hsl(18.947, 0.728,0.461)
#cb9520 | rgb(203, 149, 32) | hsl(41.053, 0.728,0.461)
#c0cb20 | rgb(192, 203, 32) | hsl(63.86, 0.728,0.461)
#81cb20 | rgb(129, 203, 32) | hsl(85.965, 0.728,0.461)
#3fcb20 | rgb(63, 203, 32) | hsl(109.123, 0.728,0.461)
#20cb3f | rgb(32, 203, 63) | hsl(130.877, 0.728,0.461)
#20cb81 | rgb(32, 203, 129) | hsl(154.035, 0.728,0.461)
#20cbc0 | rgb(32, 203, 192) | hsl(176.14, 0.728,0.461)
#2095cb | rgb(32, 149, 203) | hsl(198.947, 0.728,0.461)
#2056cb | rgb(32, 86, 203) | hsl(221.053, 0.728,0.461)
#2b20cb | rgb(43, 32, 203) | hsl(243.86, 0.728,0.461)
#6a20cb | rgb(106, 32, 203) | hsl(265.965, 0.728,0.461)
#ac20cb | rgb(172, 32, 203) | hsl(289.123, 0.728,0.461)
#cb20ac | rgb(203, 32, 172) | hsl(310.877, 0.728,0.461)
#cb206a | rgb(203, 32, 106) | hsl(334.035, 0.728,0.461)


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: 52(-20)
1
2
3
4
5
1
#1f4066
rgb(31, 64, 102)
#531f66
rgb(83, 31, 102)
#661f24
rgb(102, 31, 36)
#5c661f
rgb(92, 102, 31)
#1f6637
rgb(31, 102, 55)
2
#3771b4
rgb(55, 113, 180)
#9337b4
rgb(147, 55, 180)
#b43740
rgb(180, 55, 64)
#a3b437
rgb(163, 180, 55)
#37b461
rgb(55, 180, 97)
3
#7ba6d6
rgb(123, 166, 214)
#be7bd6
rgb(190, 123, 214)
#d67b81
rgb(214, 123, 129)
#cad67b
rgb(202, 214, 123)
#7bd699
rgb(123, 214, 153)
Saturation: 72(0)
1
2
3
4
5
4
#123f73
rgb(18, 63, 115)
#591273
rgb(89, 18, 115)
#731219
rgb(115, 18, 25)
#667312
rgb(102, 115, 18)
#127332
rgb(18, 115, 50)
5
#2070cb
rgb(32, 112, 203)
#9d20cb
rgb(157, 32, 203)
#cb202b
rgb(203, 32, 43)
#b4cb20
rgb(180, 203, 32)
#20cb59
rgb(32, 203, 89)
6
#6aa4e7
rgb(106, 164, 231)
#c66ae7
rgb(198, 106, 231)
#e76a72
rgb(231, 106, 114)
#d7e76a
rgb(215, 231, 106)
#6ae794
rgb(106, 231, 148)
Saturation: 92(+20)
1
2
3
4
5
7
#053e80
rgb(5, 62, 128)
#5f0580
rgb(95, 5, 128)
#80050d
rgb(128, 5, 13)
#708005
rgb(112, 128, 5)
#05802e
rgb(5, 128, 46)
8
#086ee3
rgb(8, 110, 227)
#a808e3
rgb(168, 8, 227)
#e30817
rgb(227, 8, 23)
#c6e308
rgb(198, 227, 8)
#08e351
rgb(8, 227, 81)
9
#58a3f9
rgb(88, 163, 249)
#ce58f9
rgb(206, 88, 249)
#f95863
rgb(249, 88, 99)
#e3f958
rgb(227, 249, 88)
#58f98e
rgb(88, 249, 142)

Selected Colors

#3771b4
rgb(55, 113, 180)
#b43740
rgb(180, 55, 64)

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(357.544,72.8,46.1)//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter