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.

#cb2027
rgb(203, 32, 39)

hex : #cb2027
rgb : rgb(203, 32, 39)
hsl : hsl(357.544, 72.8%, 46.1%)
Name : Amaranth
HEX : #CB2027
RGB : 203, 32, 39
HSL : 357.544, 0.728, 0.461
HSL % : 357.544, 72.8, 46.1
HSV : 357.544, 0.843, 0.797
HSV % : 357.544, 84.3, 79.7
CMY : 0.204, 0.875, 0.847
CMYK % : 0%, 84.2%, 80.8%, 20.4%
XYZ : 25.511, 13.876, 3.253
CIELAB : 44.055, 63.671, 41.483


Complementary Color

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


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.
#cb207e
rgb(203, 32, 126)
#cb2027
rgb(203, 32, 39)
#cb6d20
rgb(203, 109, 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.
#cb2053
rgb(203, 32, 83)
#cb2027
rgb(203, 32, 39)
#cb4220
rgb(203, 66, 32)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#cb2027
rgb(203, 32, 39)
#29cb20
rgb(41, 203, 32)
#2029cb
rgb(32, 41, 203)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#cb2027
rgb(203, 32, 39)
#29cb20
rgb(41, 203, 32)
#2029cb
rgb(32, 41, 203)


Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.
#cb2027
rgb(203, 32, 39)
#20cb6d
rgb(32, 203, 109)
#207ecb
rgb(32, 126, 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.
#cb2027
rgb(203, 32, 39)
#20cb48
rgb(32, 203, 72)
#20cbc3
rgb(32, 203, 195)
#cb20a3
rgb(203, 32, 163)


Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.
#cb2027
rgb(203, 32, 39)
#cb9220
rgb(203, 146, 32)
#20cbc3
rgb(32, 203, 195)
#2059cb
rgb(32, 89, 203)


Square Color Scheme

The square color scheme distributes four color equally on the color wheel.
#cb2027
rgb(203, 32, 39)
#7ecb20
rgb(126, 203, 32)
#20cbc3
rgb(32, 203, 195)
#6d20cb
rgb(109, 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.
#cb2027
rgb(203, 32, 39)
#b1cb20
rgb(177, 203, 32)
#20cb5c
rgb(32, 203, 92)
#206dcb
rgb(32, 109, 203)
#a020cb
rgb(160, 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.
#cb2027
rgb(203, 32, 39)
#cbc320
rgb(203, 195, 32)
#29cb20
rgb(41, 203, 32)
#20cbc3
rgb(32, 203, 195)
#2029cb
rgb(32, 41, 203)
#c320cb
rgb(195, 32, 203)


Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.
#cb2029 | rgb(203, 32, 41)
#df333c | rgb(223, 51, 60)
#e4555d | rgb(228, 85, 93)
#ea777d | rgb(234, 119, 125)
#ef999e | rgb(239, 153, 158)
#f4bbbe | rgb(244, 187, 190)
#fadddf | rgb(250, 221, 223)
#ffffff | rgb(255, 255, 255)


Shades

Shades are created by reducing the luminance of the color down to black.
#cb2029 | rgb(203, 32, 41)
#ae1b23 | rgb(174, 27, 35)
#91171d | rgb(145, 23, 29)
#741217 | rgb(116, 18, 23)
#570e11 | rgb(87, 14, 17)
#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.
#cb2029 | rgb(203, 32, 41)
#bf2c34 | rgb(191, 44, 52)
#b3383f | rgb(179, 56, 63)
#a6454a | rgb(166, 69, 74)
#9a5155 | rgb(154, 81, 85)
#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.
#cb2029 | rgb(203, 32, 41)
#d01b24 | rgb(208, 27, 36)
#d41720 | rgb(212, 23, 32)
#d9121c | rgb(217, 18, 28)
#dd0e18 | rgb(221, 14, 24)
#e20914 | rgb(226, 9, 20)
#e70510 | rgb(231, 5, 16)
#eb000c | rgb(235, 0, 12)


convert-color-hues

convert-color-hues-explanation
#cb2029 | rgb(203, 32, 41) | hsl(356.842, 0.728,0.461)
#cb5920 | rgb(203, 89, 32) | hsl(20, 0.728,0.461)
#cb9820 | rgb(203, 152, 32) | hsl(42.105, 0.728,0.461)
#bdcb20 | rgb(189, 203, 32) | hsl(64.912, 0.728,0.461)
#7ecb20 | rgb(126, 203, 32) | hsl(87.018, 0.728,0.461)
#3dcb20 | rgb(61, 203, 32) | hsl(109.825, 0.728,0.461)
#20cb42 | rgb(32, 203, 66) | hsl(131.93, 0.728,0.461)
#20cb84 | rgb(32, 203, 132) | hsl(155.088, 0.728,0.461)
#20cbc3 | rgb(32, 203, 195) | hsl(177.193, 0.728,0.461)
#2092cb | rgb(32, 146, 203) | hsl(200, 0.728,0.461)
#2053cb | rgb(32, 83, 203) | hsl(222.105, 0.728,0.461)
#2e20cb | rgb(46, 32, 203) | hsl(244.912, 0.728,0.461)
#6d20cb | rgb(109, 32, 203) | hsl(267.018, 0.728,0.461)
#af20cb | rgb(175, 32, 203) | hsl(290.175, 0.728,0.461)
#cb20a9 | rgb(203, 32, 169) | hsl(311.93, 0.728,0.461)
#cb2067 | rgb(203, 32, 103) | hsl(335.088, 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
#1f3f66
rgb(31, 63, 102)
#541f66
rgb(84, 31, 102)
#661f23
rgb(102, 31, 35)
#5b661f
rgb(91, 102, 31)
#1f6638
rgb(31, 102, 56)
2
#376fb4
rgb(55, 111, 180)
#9537b4
rgb(149, 55, 180)
#b4373e
rgb(180, 55, 62)
#a1b437
rgb(161, 180, 55)
#37b463
rgb(55, 180, 99)
3
#7ba4d6
rgb(123, 164, 214)
#bf7bd6
rgb(191, 123, 214)
#d67b7f
rgb(214, 123, 127)
#c9d67b
rgb(201, 214, 123)
#7bd69b
rgb(123, 214, 155)
Saturation: 72(0)
1
2
3
4
5
4
#123e73
rgb(18, 62, 115)
#5b1273
rgb(91, 18, 115)
#731217
rgb(115, 18, 23)
#647312
rgb(100, 115, 18)
#127334
rgb(18, 115, 52)
5
#206dcb
rgb(32, 109, 203)
#a020cb
rgb(160, 32, 203)
#cb2029
rgb(203, 32, 41)
#b1cb20
rgb(177, 203, 32)
#20cb5c
rgb(32, 203, 92)
6
#6aa2e7
rgb(106, 162, 231)
#c86ae7
rgb(200, 106, 231)
#e76a70
rgb(231, 106, 112)
#d5e76a
rgb(213, 231, 106)
#6ae796
rgb(106, 231, 150)
Saturation: 92(+20)
1
2
3
4
5
7
#053c80
rgb(5, 60, 128)
#610580
rgb(97, 5, 128)
#80050b
rgb(128, 5, 11)
#6e8005
rgb(110, 128, 5)
#058030
rgb(5, 128, 48)
8
#086be3
rgb(8, 107, 227)
#ac08e3
rgb(172, 8, 227)
#e30813
rgb(227, 8, 19)
#c2e308
rgb(194, 227, 8)
#08e355
rgb(8, 227, 85)
9
#58a1f9
rgb(88, 161, 249)
#d158f9
rgb(209, 88, 249)
#f95860
rgb(249, 88, 96)
#e1f958
rgb(225, 249, 88)
#58f990
rgb(88, 249, 144)

Selected Colors

#376fb4
rgb(55, 111, 180)
#b4373e
rgb(180, 55, 62)

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.ceylon-online.com/color/ff8000 \n\nDirectly specify an RGB code:\nhttps://www.ceylon-online.com/color/rgb(255,128,0)\n\nDirectly specify an HSL value:\nhttps://www.ceylon-online.com/color/hsl(100,0.3,0.3)\n\nOr specify the HSL values as percentages:\nhttps://www.ceylon-online.com/color/hsl(100,30,30)

Full URL:
https://www.ceylon-online.com/color/cb2027//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter