Color picker

#45313e

Conversion

HEX#45313e
HEX8#45313eff
RGBrgb(69, 49, 62)
CMYK[0,0.29,0.1,0.73]
Name#45313e
HCL[338.34,12.47,23.03]
oklab[0.34,0.03,-0.01]
Num4534590
HSI[320.17,0.18,0.24]
lab[23.03,11.59,-4.6]
Lighten
#815b74
Darken
#090708
Saturate
#512542
Desaturate
#3b3b3b
Greyscale
#3b3b3b
Brighten
#786471

Color harmonies of #45313e

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.
#45313e
#3e4531
#313e45

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.
#45313e
#454231
#314538
#313445

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.
#45313e
#6f4f64
#9a6d8a
#c48cb1
#efaad7
#1a1318

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.
#45313e
#443145
#453142
#45313e
#45313a
#453136

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#45313e
#453c31
#314544

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
#f2f0f1
#e4e2e3
#d7d3d6
#cac4c8
#bdb5ba
#afa7ac
#a2989f
#958991
#877b83
#7a6c75
#6d5d67
#604e5a
#52404c
#45313e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050404
#0a0709
#0f0b0d
#140e12
#191216
#1e151b
#23191f
#271c23
#2c2028
#31232c
#362731
#3b2a35
#402e3a
#45313e

Contrast Checker

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

11.919 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!
1.762 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!

Color Palettes #45313e

Some examples of color palettes with #45313e. View more

Use #45313e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet