Color picker

#203130

Conversion

HEX#203130
HEX8#203130ff
RGBrgb(32, 49, 48)
CMYK[0.35,0,0.02,0.81]
Name#203130
HCL[192.57,7.41,18.87]
oklab[0.3,-0.02,0]
Num2109744
HSI[177,0.26,0.17]
lab[18.87,-7.23,-1.61]
Lighten
#486f6c
Darken
#000000
Saturate
#183937
Desaturate
#282929
Greyscale
#282828
Brighten
#536463

Color harmonies of #203130

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.
#203130
#302031
#313020

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.
#203130
#272031
#312021
#293120

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.
#203130
#3c5b5a
#588683
#73b0ad
#8fdbd7
#040606

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.
#203130
#203129
#20312d
#203130
#202f31
#202b31

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#203130
#222031
#312920

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
#eff0f0
#dfe2e1
#cfd3d3
#bfc4c4
#afb5b5
#9fa7a6
#909898
#808989
#707b7a
#606c6b
#505d5c
#404e4e
#30403f
#203130

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020403
#050707
#070b0a
#090e0e
#0b1211
#0e1515
#101918
#121c1b
#15201f
#172322
#192726
#1b2a29
#1e2e2d
#203130

Contrast Checker

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

13.606 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.543 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 #203130

Some examples of color palettes with #203130. View more

Use #203130 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet