Color picker

#ba5073

Conversion

HEX#ba5073
HEX8#ba5073ff
RGBrgb(186, 80, 115)
CMYK[0,0.57,0.38,0.27]
Name#ba5073
HCL[1.89,46.26,48.78]
oklab[0.58,0.14,0]
Num12210291
HSI[341.09,0.37,0.5]
lab[48.78,46.24,1.53]
Lighten
#d799ae
Darken
#762e46
Saturate
#d2386b
Desaturate
#a2687b
Greyscale
#858585
Brighten
#ed83a6

Color harmonies of #ba5073

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.
#ba5073
#73ba50
#5073ba

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.
#ba5073
#a8ba50
#50ba97
#6250ba

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.
#ba5073
#e4628d
#10070a
#3a1924
#652b3e
#8f3e59

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.
#ba5073
#ba509d
#ba5088
#ba5073
#ba505e
#ba5750

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ba5073
#baac50
#509dba

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
#faf3f5
#f5e6eb
#f0dae1
#ebcdd7
#e6c1cd
#e1b4c3
#dda8b9
#d89baf
#d38fa5
#ce829b
#c97691
#c46987
#bf5d7d
#ba5073

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0608
#1b0b10
#281119
#351721
#421d29
#502231
#5d283a
#6a2e42
#78334a
#853952
#923f5a
#9f4563
#ad4a6b
#ba5073

Contrast Checker

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

4.685 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.483 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 #ba5073

Some examples of color palettes with #ba5073. View more

Use #ba5073 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet