Color picker

#2f646f

Conversion

HEX#2f646f
HEX8#2f646fff
RGBrgb(47, 100, 111)
CMYK[0.58,0.1,0,0.56]
Name#2f646f
HCL[219.3,18.28,39.35]
oklab[0.47,-0.05,-0.03]
Num3105903
HSI[189.25,0.45,0.34]
lab[39.35,-14.14,-11.58]
Lighten
#4fa3b5
Darken
#112327
Saturate
#1f6e7f
Desaturate
#3f5a5f
Greyscale
#4f4f4f
Brighten
#6297a2

Color harmonies of #2f646f

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.
#2f646f
#6f2f64
#646f2f

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.
#2f646f
#5a2f6f
#6f3a2f
#446f2f

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.
#2f646f
#418a99
#53b1c4
#65d7ee
#0b171a
#1d3e44

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.
#2f646f
#2f6f60
#2f6f6d
#2f646f
#2f576f
#2f4a6f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2f646f
#472f6f
#6f602f

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
#f0f4f5
#e1e9ea
#d2dee0
#c4d3d6
#b5c8cc
#a6bdc1
#97b2b7
#88a6ad
#799ba2
#6a9098
#5c858e
#4d7a84
#3e6f79
#2f646f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030708
#070e10
#0a1518
#0d1d20
#112428
#142b30
#183238
#1b393f
#1e4047
#22474f
#254f57
#28565f
#2c5d67
#2f646f

Contrast Checker

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

6.618 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!
3.173 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!

Color Palettes #2f646f

Some examples of color palettes with #2f646f. View more

Use #2f646f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet