Color picker

#02202d

Conversion

HEX#02202d
HEX8#02202dff
RGBrgb(2, 32, 45)
CMYK[0.96,0.29,0,0.82]
Name#02202d
HCL[245.2,13.05,10.81]
oklab[0.23,-0.03,-0.03]
Num139309
HSI[197.14,0.92,0.1]
lab[10.81,-5.48,-11.85]
Lighten
#06658f
Darken
#000000
Saturate
#00212f
Desaturate
#071e28
Greyscale
#171717
Brighten
#355360

Color harmonies of #02202d

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.
#02202d
#2d0220
#202d02

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.
#02202d
#24022d
#2d0f02
#0a2d02

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.
#02202d
#043e57
#065c82
#087bac
#0a99d7
#000202

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.
#02202d
#022d29
#02292d
#02202d
#02172d
#020f2d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#02202d
#18022d
#2d2902

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
#edeff0
#dbdfe1
#c9cfd2
#b7bfc3
#a5afb4
#939fa5
#819096
#6e8087
#5c7078
#4a6069
#38505a
#26404b
#14303c
#02202d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#000203
#000506
#00070a
#01090d
#010b10
#010e13
#011017
#01121a
#01151d
#011720
#021923
#021b27
#021e2a
#02202d

Contrast Checker

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

16.839 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.247 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 #02202d

Some examples of color palettes with #02202d. View more

Use #02202d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet