Color picker

#4fa0ab

Conversion

HEX#4fa0ab
HEX8#4fa0abff
RGBrgb(79, 160, 171)
CMYK[0.54,0.06,0,0.33]
Name#4fa0ab
HCL[211.66,25.3,61.43]
oklab[0.66,-0.07,-0.04]
Num5218475
HSI[186.28,0.42,0.54]
lab[61.43,-21.53,-13.28]
Lighten
#93c6cd
Darken
#2f5f65
Saturate
#36b3c4
Desaturate
#688d92
Greyscale
#7d7d7d
Brighten
#82d3de

Color harmonies of #4fa0ab

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4fa0ab
#ab4fa0
#a0ab4f

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#4fa0ab
#884fab
#ab5a4f
#72ab4f

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#4fa0ab
#63c8d5
#000101
#14292b
#285056
#3b7880

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#4fa0ab
#4fab91
#4faba4
#4fa0ab
#4f8eab
#4f7bab

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4fa0ab
#6c4fab
#ab914f

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f2f8f9
#e6f1f3
#d9ebed
#cde4e7
#c0dde1
#b4d6db
#a7d0d5
#9ac9cf
#8ec2c9
#81bbc3
#75b4bd
#68aeb7
#5ca7b1
#4fa0ab

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060b0c
#0b1718
#112225
#172e31
#1c393d
#224549
#285056
#2d5b62
#33676e
#38727a
#3e7e86
#448993
#49959f
#4fa0ab

Contrast Checker

Verify the contrast of a #4fa0ab colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

3.022 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
6.949 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #4fa0ab

Some examples of color palettes with #4fa0ab. View more

Use #4fa0ab in CSS

#4fa0ab as Background Color in CSS
<div style="background-color:#4fa0ab">Background Color</div>
#4fa0ab as Text Color in CSS
<div style="color:#4fa0ab">Text Color</div>
#4fa0ab as Border Color in CSS
<div style="border-color:#4fa0ab">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet