Color picker

#124844

Conversion

HEX#124844
HEX8#124844ff
RGBrgb(18, 72, 68)
CMYK[0.75,0,0.06,0.72]
Name#124844
HCL[188.4,18.52,27.24]
oklab[0.37,-0.05,-0.01]
Num1198148
HSI[176.19,0.66,0.21]
lab[27.24,-18.32,-2.71]
Lighten
#269a91
Darken
#000000
Saturate
#09514c
Desaturate
#1b3f3c
Greyscale
#2d2d2d
Brighten
#457b77

Color harmonies of #124844

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.
#124844
#441248
#484412

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.
#124844
#291248
#481216
#314812

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.
#124844
#1d726c
#279d94
#32c7bc
#3cf2e5
#071d1c

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.
#124844
#12482e
#124839
#124844
#124148
#123648

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#124844
#191248
#482e12

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
#eef2f2
#dde5e4
#ccd8d7
#bbcbca
#aabebc
#99b1af
#89a4a2
#789694
#678987
#567c79
#456f6c
#34625f
#235551
#124844

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#010505
#030a0a
#040f0f
#051513
#061a18
#081f1d
#092422
#0a2927
#0c2e2c
#0d3331
#0e3935
#0f3e3a
#11433f
#124844

Contrast Checker

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

10.314 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!
2.036 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 #124844

Some examples of color palettes with #124844. View more

Use #124844 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet