Color picker

#18311a

Conversion

HEX#18311a
HEX8#18311aff
RGBrgb(24, 49, 26)
CMYK[0.51,0,0.47,0.81]
Name#18311a
HCL[143.31,19.65,17.76]
oklab[0.29,-0.04,0.03]
Num1585434
HSI[124.13,0.27,0.13]
lab[17.76,-15.76,11.74]
Lighten
#3a753e
Darken
#000000
Saturate
#113814
Desaturate
#1f2a20
Greyscale
#242424
Brighten
#4b644d

Color harmonies of #18311a

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.
#18311a
#1a1831
#311a18

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.
#18311a
#182231
#31182f
#312618

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.
#18311a
#2d5b31
#428647
#56b05e
#6bdb74
#030603

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.
#18311a
#203118
#1b3118
#18311a
#18311f
#183124

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#18311a
#182a31
#311820

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
#eff0ef
#dee2de
#ced3ce
#bdc4be
#adb5ad
#9ca79d
#8c988d
#7b897c
#6b7b6c
#5a6c5b
#4a5d4b
#394e3b
#29402a
#18311a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020402
#030704
#050b06
#070e07
#091209
#0a150b
#0c190d
#0e1c0f
#0f2011
#112313
#132714
#152a16
#162e18
#18311a

Contrast Checker

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

14.065 Super 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.493 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 #18311a

Some examples of color palettes with #18311a. View more

Use #18311a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet