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

CSS notation

Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#33b0ec
rgb(51,176,236)
hsl(199, 83%, 56%)

Color space conversion

Conversion of this color for each color space representation
RGB
Red Green Blue
20% 69.02% 92.55%
HSL
Hue Saturation Lightness
199.46° 82.96% 56.27%
HSV / HSB
Hue Saturation Value / Brightness
199.46° 78.39% 92.55%
RGB - Normalized
Red Green Blue
0.2 0.69 0.93
HSL - Normalized
Hue Saturation Lightness
0.55 0.83 0.56
HSV / HSB - Normalized
Hue Saturation Value / Brightness
0.55 0.78 0.93
CMYK
Cyan Magenta Yellow Black
78.39% 25.42% 0% 7.45%
YCbCr
Y Cb Cr
0.57 0.2 -0.26
XYZ
X Y Z
32.03 37.81 84.97
CIE Lab
L a b
67.88 -13.61 -39.51

Nearest Colors Name

Matching similar color names

Color Harmonies

Schemes of colors that work well together
Complementary Harmony Color Scheme of #33b0ec

Complementary

Create the strongest contrast.
Triad Harmony Color Scheme of #33b0ec

Triad

Let one color dominate and use the other two for the accent.
Square Harmony Color Scheme of #33b0ec

Square

Balance between warm and cool colors.
Adjacent Harmony Color Scheme of #33b0ec

Adjacent / Analogous / Analogic

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

Split Complementary

Low tension, strong visual contrast.
Rectangle Tetradic Harmony Color Scheme of #33b0ec

Rectangle / Tetradic

Two complementary pairs for a total of four colors.
Pentagram Harmony Color Scheme of #33b0ec

Pentagram

Circle around the color wheel, five colors.

Tints, Shades, and Tones

Tints of color #33b0ec

Tints

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

Shades

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

Tones

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