HEX #7ad1b5
RGB 122,209,181

CSS notation Color spaces Color names Color harmonies Tints, shades and tones

CSS notation

Use this for all CSS properties that accept a color as a value: color, background-color, border-color

#7ad1b5

rgb(122,209,181)

hsl(161, 49%, 65%)

Color spaces

Names and values for each color representation

HSL
Hue	160.69°
Saturation	48.6%
Lightness	64.9%

HSV / HSB
Hue	160.69°
Saturation	41.63%
Value / Brightness	81.96%

RGB
Red	47.84%
Green	81.96%
Blue	70.98%

CMYK
Cyan	41.63%
Magenta	0%
Yellow	13.4%
Black	18.04%

YCbCr
Y	0.71
Cb	0
Cr	-0.16

Nearest Colors Name

Most similar colors in standard

Wiki

X11

CSS (HTML, Web)

PANTONE

RAL

RAL 6027 (Light Green)

#84c3be

Color Harmonies

Schemes of colors that work well together

Complementary

Create the strongest contrast.

#7ad1b5

#d17a97

Triad

Let one color dominate and use the other two for the accent.

#d1b47a

#7ad1b5

#b47ad1

Square

Balance between warm and cool colors.

Adjacent / Analogous / Analogic

Pleasing and harmonious to the eye, they can be found in nature.

#7ad189

#7ad1b5

#7ac3d1

Split Complementary

Low tension, strong visual contrast.

#d1897a

#7ad1b5

#d17ac3

Rectangle / Tetradic

Two complementary pairs for a total of four colors.

Tints, Shades, and Tones

Tints

A tint is obtained by adding white to a color. This process reduces darkness.

Shades

A shade is obtained by adding black to a color. This process increases darkness.

Tones

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