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.

#3b5998
rgb(59, 89, 152)

hex : #3b5998
rgb : rgb(59, 89, 152)
hsl : hsl(220.645, 44.1%, 41.4%)
Name : Cobaltblue
HEX : #3B5998
RGB : 59, 89, 152
HSL : 220.645, 0.441, 0.414
HSL % : 220.645, 44.1, 41.4
HSV : 220.645, 0.612, 0.597
HSV % : 220.645, 61.2, 59.7
CMY : 0.769, 0.651, 0.404
CMYK % : 61.2%, 41.4%, 0%, 40.4%
XYZ : 11.044, 10.342, 31.12
CIELAB : 38.449, 9.291, -37.863


Complementary Color

The complementary color is the color on the other side of the color wheel.
#98793b
rgb(152, 121, 59)


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.
#3b8998
rgb(59, 137, 152)
#3b5998
rgb(59, 89, 152)
#4b3b98
rgb(75, 59, 152)


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.
#3b7198
rgb(59, 113, 152)
#3b5998
rgb(59, 89, 152)
#3b4398
rgb(59, 67, 152)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.
#3b5998
rgb(59, 89, 152)
#984b3b
rgb(152, 75, 59)
#89983b
rgb(137, 152, 59)


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.
#3b5998
rgb(59, 89, 152)
#983b40
rgb(152, 59, 64)
#98793b
rgb(152, 121, 59)
#3b9893
rgb(59, 152, 147)


Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.
#3b5998
rgb(59, 89, 152)
#5f3b98
rgb(95, 59, 152)
#98793b
rgb(152, 121, 59)
#74983b
rgb(116, 152, 59)


Square Color Scheme

The square color scheme distributes four color equally on the color wheel.
#3b5998
rgb(59, 89, 152)
#983b89
rgb(152, 59, 137)
#98793b
rgb(152, 121, 59)
#3b984b
rgb(59, 152, 75)


Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.
#3b5998
rgb(59, 89, 152)
#8c3b98
rgb(140, 59, 152)
#98413b
rgb(152, 65, 59)
#7f983b
rgb(127, 152, 59)
#3b9866
rgb(59, 152, 102)


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.
#3b5998
rgb(59, 89, 152)
#793b98
rgb(121, 59, 152)
#983b5a
rgb(152, 59, 90)
#98793b
rgb(152, 121, 59)
#5a983b
rgb(90, 152, 59)
#3b9879
rgb(59, 152, 121)


Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.
#3b5a98 | rgb(59, 90, 152)
#476cb7 | rgb(71, 108, 183)
#6585c3 | rgb(101, 133, 195)
#849dcf | rgb(132, 157, 207)
#a3b6db | rgb(163, 182, 219)
#c1cee7 | rgb(193, 206, 231)
#e0e7f3 | rgb(224, 231, 243)
#ffffff | rgb(255, 255, 255)


Shades

Shades are created by reducing the luminance of the color down to black.
#3b5a98 | rgb(59, 90, 152)
#334d82 | rgb(51, 77, 130)
#2a406d | rgb(42, 64, 109)
#223357 | rgb(34, 51, 87)
#192741 | rgb(25, 39, 65)
#111a2b | rgb(17, 26, 43)
#080d16 | rgb(8, 13, 22)
#000000 | rgb(0, 0, 0)


Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.
#3b5a98 | rgb(59, 90, 152)
#425c91 | rgb(66, 92, 145)
#485e8b | rgb(72, 94, 139)
#4f6184 | rgb(79, 97, 132)
#56637e | rgb(86, 99, 126)
#5c6577 | rgb(92, 101, 119)
#636770 | rgb(99, 103, 112)
#6a6a6a | rgb(106, 106, 106)


Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.
#3b5a98 | rgb(59, 90, 152)
#3357a1 | rgb(51, 87, 161)
#2a54a9 | rgb(42, 84, 169)
#2252b1 | rgb(34, 82, 177)
#194fba | rgb(25, 79, 186)
#114cc2 | rgb(17, 76, 194)
#0849cb | rgb(8, 73, 203)
#0046d3 | rgb(0, 70, 211)


convert-color-hues

convert-color-hues-explanation
#3b5a98 | rgb(59, 90, 152) | hsl(220, 0.441,0.414)
#403b98 | rgb(64, 59, 152) | hsl(243.226, 0.441,0.414)
#623b98 | rgb(98, 59, 152) | hsl(265.161, 0.441,0.414)
#863b98 | rgb(134, 59, 152) | hsl(288.387, 0.441,0.414)
#983b89 | rgb(152, 59, 137) | hsl(309.677, 0.441,0.414)
#983b65 | rgb(152, 59, 101) | hsl(332.903, 0.441,0.414)
#983b43 | rgb(152, 59, 67) | hsl(354.839, 0.441,0.414)
#98573b | rgb(152, 87, 59) | hsl(18.065, 0.441,0.414)
#98793b | rgb(152, 121, 59) | hsl(40, 0.441,0.414)
#93983b | rgb(147, 152, 59) | hsl(63.226, 0.441,0.414)
#71983b | rgb(113, 152, 59) | hsl(85.161, 0.441,0.414)
#4e983b | rgb(78, 152, 59) | hsl(107.742, 0.441,0.414)
#3b984b | rgb(59, 152, 75) | hsl(130.323, 0.441,0.414)
#3b986e | rgb(59, 152, 110) | hsl(152.903, 0.441,0.414)
#3b9890 | rgb(59, 152, 144) | hsl(174.839, 0.441,0.414)
#3b7c98 | rgb(59, 124, 152) | hsl(198.065, 0.441,0.414)


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: 24(-20)
1
2
3
4
5
1
#3d4429
rgb(61, 68, 41)
#294436
rgb(41, 68, 54)
#293244
rgb(41, 50, 68)
#402944
rgb(64, 41, 68)
#442b29
rgb(68, 43, 41)
2
#758350
rgb(117, 131, 80)
#508368
rgb(80, 131, 104)
#506183
rgb(80, 97, 131)
#7c5083
rgb(124, 80, 131)
#835450
rgb(131, 84, 80)
3
#a8b485
rgb(168, 180, 133)
#85b49b
rgb(133, 180, 155)
#8595b4
rgb(133, 149, 180)
#ae85b4
rgb(174, 133, 180)
#b48885
rgb(180, 136, 133)
Saturation: 44(0)
1
2
3
4
5
4
#424f1f
rgb(66, 79, 31)
#1f4f35
rgb(31, 79, 53)
#1f2f4f
rgb(31, 47, 79)
#481f4f
rgb(72, 31, 79)
#4f221f
rgb(79, 34, 31)
5
#7f983b
rgb(127, 152, 59)
#3b9866
rgb(59, 152, 102)
#3b5a98
rgb(59, 90, 152)
#8c3b98
rgb(140, 59, 152)
#98413b
rgb(152, 65, 59)
6
#b1c871
rgb(177, 200, 113)
#71c89a
rgb(113, 200, 154)
#718ec8
rgb(113, 142, 200)
#bc71c8
rgb(188, 113, 200)
#c87771
rgb(200, 119, 113)
Saturation: 64(+20)
1
2
3
4
5
7
#475a14
rgb(71, 90, 20)
#145a34
rgb(20, 90, 52)
#142b5a
rgb(20, 43, 90)
#50145a
rgb(80, 20, 90)
#5a1814
rgb(90, 24, 20)
8
#89ad26
rgb(137, 173, 38)
#26ad65
rgb(38, 173, 101)
#2653ad
rgb(38, 83, 173)
#9b26ad
rgb(155, 38, 173)
#ad2f26
rgb(173, 47, 38)
9
#badc5d
rgb(186, 220, 93)
#5ddc98
rgb(93, 220, 152)
#5d88dc
rgb(93, 136, 220)
#cb5ddc
rgb(203, 93, 220)
#dc665d
rgb(220, 102, 93)

Selected Colors

#758350
rgb(117, 131, 80)
#506183
rgb(80, 97, 131)

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/rgb(59,89,152)//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter