Color picker

#ba98a4

Conversion

HEX#ba98a4
HEX8#ba98a4ff
RGBrgb(186, 152, 164)
CMYK[0,0.18,0.12,0.27]
Name#ba98a4
HCL[354.19,14.7,66.2]
oklab[0.71,0.04,0]
Num12228772
HSI[339.64,0.09,0.66]
lab[66.2,14.63,-1.49]
Lighten
#e3d5da
Darken
#8d5f6f
Saturate
#cb879f
Desaturate
#a9a9a9
Greyscale
#a9a9a9
Brighten
#edcbd7

Color harmonies of #ba98a4

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.
#ba98a4
#a4ba98
#98a4ba

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.
#ba98a4
#b5ba98
#98baae
#9d98ba

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.
#ba98a4
#e4bbc9
#100d0e
#3a3034
#655359
#8f757f

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.
#ba98a4
#ba98b2
#ba98ab
#ba98a4
#ba989d
#ba9a98

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ba98a4
#bab598
#98b2ba

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
#faf8f9
#f5f0f2
#f0e9ec
#ebe2e5
#e6dadf
#e1d3d8
#ddccd2
#d8c4cb
#d3bdc5
#ceb5be
#c9aeb8
#c4a7b1
#bf9fab
#ba98a4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0b0c
#1b1617
#282123
#352b2f
#42363b
#504146
#5d4c52
#6a575e
#786269
#856d75
#927781
#9f828d
#ad8d98
#ba98a4

Contrast Checker

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

2.588 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!
8.115 Very 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 #ba98a4

Some examples of color palettes with #ba98a4. View more

Use #ba98a4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet