Search for a name or a RGB value RRR,GGG,BBB or a Hex value #rrggbb

Color space conversion

Conversion of this color for each color space representation
RGB open »
Red Green Blue
21.18% 24.71% 38.82%
HSL open »
Hue Saturation Lightness
227° 30% 30%
HSV / HSB
Hue Saturation Value / Brightness
228° 45.45% 38.82%
RGB - Normalized
Red Green Blue
0.21 0.25 0.39
HSL - Normalized
Hue Saturation Lightness
0.63 0.3 0.3
HSV / HSB - Normalized
Hue Saturation Value / Brightness
0.63 0.45 0.39
CMYK open »
Cyan Magenta Yellow Black
45% 36% 0% 61%
YCbCr
Y Cb Cr
0.25 0.08 -0.03
XYZ
X Y Z
5.55 5.24 12.52
CIE Lab
L a b
27.41 6.89 -22.42

Nearest Colors Name

Matching similar color names

CSS notation

Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#363f63
rgb(54,63,99)
hsl(227, 30%, 30%)

Tints, Shades, and Tones

Tints of color #363f63

Tints

A tint is obtained by adding white to a color. This process reduces darkness.
Shades of color #363f63

Shades

A shade is obtained by adding black to a color. This process increases darkness.
Tones of color #363f63

Tones

A tone is produced either by mixing a color with grey, or by both tinting and shading.

Recommended Books

Looking for good books to read? Take a look at these books if you want to know more about the theory of colors

Color Harmonies

Schemes of colors that work well together. Read more about Color Harmonies »
Complementary Harmony Color Scheme of #363f63

Complementary

Create the strongest contrast.
Triad Harmony Color Scheme of #363f63

Triad

Let one color dominate and use the other two for the accent.
Adjacent Harmony Color Scheme of #363f63

Adjacent / Analogous / Analogic

Pleasing and harmonious to the eye, they can be found in nature.
Split Complementary Harmony Color Scheme of #363f63

Split Complementary

Low tension, strong visual contrast.