Color picker

#22414b

Conversion

HEX#22414b
HEX8#22414bff
RGBrgb(34, 65, 75)
CMYK[0.55,0.13,0,0.71]
Name#22414b
HCL[229.34,12.68,25.65]
oklab[0.36,-0.03,-0.03]
Num2244939
HSI[193.53,0.41,0.23]
lab[25.65,-8.26,-9.62]
Lighten
#427e91
Darken
#020405
Saturate
#174756
Desaturate
#2d3b40
Greyscale
#363636
Brighten
#55747e

Color harmonies of #22414b

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.
#22414b
#4b2241
#414b22

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.
#22414b
#40224b
#4b2c22
#2c4b22

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.
#22414b
#356675
#498ba0
#5cafca
#6fd4f5
#0f1c20

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.
#22414b
#224b45
#22494b
#22414b
#22394b
#22314b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#22414b
#34224b
#4b4522

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
#eff1f2
#dfe4e5
#d0d6d8
#c0c9cc
#b0bbbf
#a0aeb2
#91a0a5
#819298
#71858b
#61777e
#516a72
#425c65
#324f58
#22414b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020505
#05090b
#070e10
#0a1315
#0c171b
#0f1c20
#112126
#13252b
#162a30
#182e36
#1b333b
#1d3840
#203c46
#22414b

Contrast Checker

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

10.905 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.926 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 #22414b

Some examples of color palettes with #22414b. View more

Use #22414b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet