Color spaces conversion
HSL
Hue
286.84°
Saturation
92.45%
Lightness
41.57%
HSV / HSB
Hue
286.84°
Saturation
96.08%
Value / Brightness
80%
RGB
Red
63.14%
Green
3.14%
Blue
80%
CMYK
Cyan
21%
Magenta
96%
Yellow
0%
Black
20/rgb/161%
YCbCr
Y
0.3
Cb
0.28
Cr
0.24
Similar Colors Names
Color Harmonies (Scheme)
Complementary
The complementary color of 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css is 74, 0, 96, 20. When combined, they cancel each other out: this means that they produce a grayscale color. When placed next to each other, they create the strongest contrast.
Triad
A triadic color scheme use three colors that are evenly spaced around the color wheel. Triadic color harmonies tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colors should be carefully balanced - let one color dominate (21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css) and use the two others for accent (0, 23, 96, 20, 96, 0, 23, 20).
Square
The square color scheme has four colors spaced evenly around the color circle.
This creates a balance between warm (21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css, 0, 71, 96, 20) and cool (74, 0, 96, 20, 96, 25, 0, 20) colors in your design.
The square color scheme works best if you let one color be dominant.
Adjacent / Analogous / Analogic
Dominance Harmony
Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.
The nearest colors, with enough contrast, of 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css are 0, 96, 25, 20 and 71, 96, 0, 20.
Choose one color to dominate and a second to support. The third color is used (along with black, white or gray) as an accent.
Split Complementary
Compound Harmony
The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css, it uses the two colors adjacent to its complement: 25, 0, 96, 20 and 96, 0, 71, 20. This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension. The split-complimentary color scheme is often a good choice for beginners, because it is difficult to mess up.
Rectangle (Tetradic)
The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs: 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css and his complementary 74, 0, 96, 20 with 0, 96, 74, 20 96, 0, 23, 20 or 0, 23, 96, 20 96, 74, 0, 20.
This rich color scheme offers plenty of possibilities for variation.
The tetradic color scheme works best if you let one color be dominant.
You should also pay attention to the balance between warm and cool colors in your design.
Tints, Shades, and Tones
Tints
Adding white to the color: same hue and saturation of 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css, but brighter.
Shades
Adding black to the color: same hue and saturation of 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css, but darker.
Tones
Adding gray to the color: same hue and luminosity of 21, 96, 0, 20/rgb/161, 8, 204/scripts/css/style.css, but less saturation.