Color picker

#218264

Conversion

HEX#218264
HEX8#218264ff
RGBrgb(33, 130, 100)
CMYK[0.75,0,0.23,0.49]
Name#218264
HCL[166.54,36.11,48.52]
oklab[0.54,-0.1,0.02]
Num2196068
HSI[162.42,0.62,0.34]
lab[48.52,-35.12,8.41]
Lighten
#3ccda0
Darken
#0c3125
Saturate
#11926a
Desaturate
#31725e
Greyscale
#515151
Brighten
#54b597

Color harmonies of #218264

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.
#218264
#642182
#826421

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.
#218264
#342182
#82213f
#6f8221

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.
#218264
#2cac85
#37d7a5
#010202
#0b2d23
#165743

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.
#218264
#21823d
#218251
#218264
#218277
#217982

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#218264
#212c82
#823d21

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
#eff6f4
#dfede9
#cfe4de
#c0dbd3
#b0d2c8
#a0c9bd
#90c1b2
#80b8a6
#70af9b
#60a690
#519d85
#41947a
#318b6f
#218264

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020907
#05130e
#071c15
#09251d
#0c2e24
#0e382b
#114132
#134a39
#155440
#185d47
#1a664f
#1c6f56
#1f795d
#218264

Contrast Checker

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

4.728 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!
4.442 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 #218264

Some examples of color palettes with #218264. View more

Use #218264 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet