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.

#e95950
rgb(233, 89, 80)

hex : #e95950
rgb : rgb(233, 89, 80)
hsl : hsl(3.529, 77.7%, 61.4%)
Name : Scarlet
HEX : #E95950
RGB : 233, 89, 80
HSL : 3.529, 0.777, 0.614
HSL % : 3.529, 77.7, 61.4
HSV : 3.529, 0.656, 0.914
HSV % : 3.529, 65.6, 91.4
CMY : 0.086, 0.651, 0.686
CMYK % : 0%, 61.8%, 65.7%, 8.6%
XYZ : 38.625, 25.048, 10.388
CIELAB : 57.122, 55.169, 34.685


Complementary Color

The complementary color is the color on the other side of the color wheel.
#50e1e9
rgb(80, 225, 233)


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.
#e95095
rgb(233, 80, 149)
#e95950
rgb(233, 89, 80)
#e9a450
rgb(233, 164, 80)


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.
#e9506f
rgb(233, 80, 111)
#e95950
rgb(233, 89, 80)
#e97e50
rgb(233, 126, 80)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#e95950
rgb(233, 89, 80)
#50e958
rgb(80, 233, 88)
#5850e9
rgb(88, 80, 233)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#e95950
rgb(233, 89, 80)
#50e958
rgb(80, 233, 88)
#5850e9
rgb(88, 80, 233)


Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.
#e95950
rgb(233, 89, 80)
#50e9a4
rgb(80, 233, 164)
#5095e9
rgb(80, 149, 233)


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.
#e95950
rgb(233, 89, 80)
#50e983
rgb(80, 233, 131)
#50e1e9
rgb(80, 225, 233)
#e950b6
rgb(233, 80, 182)


Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.
#e95950
rgb(233, 89, 80)
#e9c550
rgb(233, 197, 80)
#50e1e9
rgb(80, 225, 233)
#5074e9
rgb(80, 116, 233)


Square Color Scheme

The square color scheme distributes four color equally on the color wheel.
#e95950
rgb(233, 89, 80)
#95e950
rgb(149, 233, 80)
#50e1e9
rgb(80, 225, 233)
#a450e9
rgb(164, 80, 233)


Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.
#e95950
rgb(233, 89, 80)
#c3e950
rgb(195, 233, 80)
#50e995
rgb(80, 233, 149)
#5086e9
rgb(80, 134, 233)
#d250e9
rgb(210, 80, 233)


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.
#e95950
rgb(233, 89, 80)
#e1e950
rgb(225, 233, 80)
#50e958
rgb(80, 233, 88)
#50e1e9
rgb(80, 225, 233)
#5850e9
rgb(88, 80, 233)
#e950e1
rgb(233, 80, 225)


Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.
#e95850 | rgb(233, 88, 80)
#ec7069 | rgb(236, 112, 105)
#ef8882 | rgb(239, 136, 130)
#f29f9b | rgb(242, 159, 155)
#f6b7b4 | rgb(246, 183, 180)
#f9cfcd | rgb(249, 207, 205)
#fce7e6 | rgb(252, 231, 230)
#ffffff | rgb(255, 255, 255)


Shades

Shades are created by reducing the luminance of the color down to black.
#e95850 | rgb(233, 88, 80)
#e43228 | rgb(228, 50, 40)
#c72219 | rgb(199, 34, 25)
#9f1b14 | rgb(159, 27, 20)
#77140f | rgb(119, 20, 15)
#4f0d0a | rgb(79, 13, 10)
#280705 | rgb(40, 7, 5)
#000000 | rgb(0, 0, 0)


Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.
#e95850 | rgb(233, 88, 80)
#de625b | rgb(222, 98, 91)
#d36b66 | rgb(211, 107, 102)
#c87571 | rgb(200, 117, 113)
#bd7f7c | rgb(189, 127, 124)
#b28987 | rgb(178, 137, 135)
#a79392 | rgb(167, 147, 146)
#9d9d9d | rgb(157, 157, 157)


Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.
#e95850 | rgb(233, 88, 80)
#ec554d | rgb(236, 85, 77)
#ef524a | rgb(239, 82, 74)
#f24f47 | rgb(242, 79, 71)
#f64c44 | rgb(246, 76, 68)
#f94a40 | rgb(249, 74, 64)
#fc473d | rgb(252, 71, 61)
#ff443a | rgb(255, 68, 58)


convert-color-hues

convert-color-hues-explanation
#e95850 | rgb(233, 88, 80) | hsl(3.137, 0.777,0.614)
#e99250 | rgb(233, 146, 80) | hsl(25.882, 0.777,0.614)
#e9ca50 | rgb(233, 202, 80) | hsl(47.843, 0.777,0.614)
#cde950 | rgb(205, 233, 80) | hsl(70.98, 0.777,0.614)
#95e950 | rgb(149, 233, 80) | hsl(92.941, 0.777,0.614)
#5ae950 | rgb(90, 233, 80) | hsl(116.078, 0.777,0.614)
#50e97e | rgb(80, 233, 126) | hsl(138.039, 0.777,0.614)
#50e9b9 | rgb(80, 233, 185) | hsl(161.176, 0.777,0.614)
#50e1e9 | rgb(80, 225, 233) | hsl(183.137, 0.777,0.614)
#50a7e9 | rgb(80, 167, 233) | hsl(205.882, 0.777,0.614)
#506fe9 | rgb(80, 111, 233) | hsl(227.843, 0.777,0.614)
#6c50e9 | rgb(108, 80, 233) | hsl(250.98, 0.777,0.614)
#a450e9 | rgb(164, 80, 233) | hsl(272.941, 0.777,0.614)
#df50e9 | rgb(223, 80, 233) | hsl(296.078, 0.777,0.614)
#e950bb | rgb(233, 80, 187) | hsl(318.039, 0.777,0.614)
#e95081 | rgb(233, 80, 129) | hsl(340.784, 0.777,0.614)


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: 57(-20)
1
2
3
4
5
1
#2d57a6
rgb(45, 87, 166)
#942da6
rgb(148, 45, 166)
#a6332d
rgb(166, 51, 45)
#88a62d
rgb(136, 166, 45)
#2da663
rgb(45, 166, 99)
2
#648cd5
rgb(100, 140, 213)
#c464d5
rgb(196, 100, 213)
#d56964
rgb(213, 105, 100)
#b9d564
rgb(185, 213, 100)
#64d597
rgb(100, 213, 151)
3
#b4c7eb
rgb(180, 199, 235)
#e3b4eb
rgb(227, 180, 235)
#ebb7b4
rgb(235, 183, 180)
#ddebb4
rgb(221, 235, 180)
#b4ebcd
rgb(180, 235, 205)
Saturation: 77(0)
1
2
3
4
5
4
#1851bc
rgb(24, 81, 188)
#a318bc
rgb(163, 24, 188)
#bc2018
rgb(188, 32, 24)
#93bc18
rgb(147, 188, 24)
#18bc61
rgb(24, 188, 97)
5
#5086e9
rgb(80, 134, 233)
#d250e9
rgb(210, 80, 233)
#e95850
rgb(233, 88, 80)
#c3e950
rgb(195, 233, 80)
#50e995
rgb(80, 233, 149)
6
#abc5f4
rgb(171, 197, 244)
#e9abf4
rgb(233, 171, 244)
#f4aeab
rgb(244, 174, 171)
#e2f4ab
rgb(226, 244, 171)
#abf4cc
rgb(171, 244, 204)
Saturation: 97(+20)
1
2
3
4
5
7
#024bd1
rgb(2, 75, 209)
#b202d1
rgb(178, 2, 209)
#d10d02
rgb(209, 13, 2)
#9dd102
rgb(157, 209, 2)
#02d15f
rgb(2, 209, 95)
8
#3c80fd
rgb(60, 128, 253)
#e03cfd
rgb(224, 60, 253)
#fd463c
rgb(253, 70, 60)
#cdfd3c
rgb(205, 253, 60)
#3cfd93
rgb(60, 253, 147)
9
#a1c2fe
rgb(161, 194, 254)
#f0a1fe
rgb(240, 161, 254)
#fea6a1
rgb(254, 166, 161)
#e7fea1
rgb(231, 254, 161)
#a1fecb
rgb(161, 254, 203)

Selected Colors

#648cd5
rgb(100, 140, 213)
#d56964
rgb(213, 105, 100)

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/e95950//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter