Color picker

#2a8181

Conversion

HEX#2a8181
HEX8#2a8181ff
RGBrgb(42, 129, 129)
CMYK[0.67,0,0,0.49]
Name#2a8181
HCL[196.76,26.19,49.22]
oklab[0.55,-0.08,-0.02]
Num2785665
HSI[180,0.58,0.39]
lab[49.22,-25.08,-7.55]
Lighten
#4cc5c5
Darken
#113434
Saturate
#199292
Desaturate
#3b7070
Greyscale
#555555
Brighten
#5db4b4

Color harmonies of #2a8181

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.
#2a8181
#812a81
#81812a

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.
#2a8181
#552a81
#812a2a
#55812a

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.
#2a8181
#38abab
#46d6d6
#000101
#0e2c2c
#1c5656

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.
#2a8181
#2a815e
#2a8170
#2a8181
#2a7081
#2a5e81

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2a8181
#3b2a81
#815e2a

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
#f0f6f6
#e1eded
#d1e4e4
#c2dbdb
#b3d2d2
#a4c9c9
#95c0c0
#85b7b7
#76aeae
#67a5a5
#589c9c
#489393
#398a8a
#2a8181

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030909
#061212
#091c1c
#0c2525
#0f2e2e
#123737
#154141
#184a4a
#1b5353
#1e5c5c
#216565
#246f6f
#277878
#2a8181

Contrast Checker

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

4.61 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.556 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!

Color Palettes #2a8181

Some examples of color palettes with #2a8181. View more

Use #2a8181 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet