Color picker

#61a7b0

Conversion

HEX#61a7b0
HEX8#61a7b0ff
RGBrgb(97, 167, 176)
CMYK[0.45,0.05,0,0.31]
Name#61a7b0
HCL[210.44,22.76,64.41]
oklab[0.69,-0.06,-0.03]
Num6399920
HSI[185.97,0.34,0.58]
lab[64.41,-19.63,-11.53]
Lighten
#a5cdd2
Darken
#396b72
Saturate
#49b9c8
Desaturate
#799598
Greyscale
#888888
Brighten
#94dae3

Color harmonies of #61a7b0

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.
#61a7b0
#b061a7
#a7b061

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.
#61a7b0
#9161b0
#b06a61
#7fb061

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.
#61a7b0
#78cfda
#030606
#1b2e30
#32565b
#4a7f85

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.
#61a7b0
#61b099
#61b0a9
#61a7b0
#6197b0
#6187b0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#61a7b0
#7a61b0
#b09961

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
#f4f9f9
#e8f2f4
#ddecee
#d2e6e8
#c7e0e3
#bbd9dd
#b0d3d8
#a5cdd2
#99c6cc
#8ec0c7
#83bac1
#78b4bb
#6cadb6
#61a7b0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070c0d
#0e1819
#152426
#1c3032
#233c3f
#2a484b
#315458
#375f65
#3e6b71
#45777e
#4c838a
#538f97
#5a9ba3
#61a7b0

Contrast Checker

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

2.741 Very 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!
7.663 Very 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 #61a7b0

Some examples of color palettes with #61a7b0. View more

Use #61a7b0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet