Color picker

#ba4138

Conversion

HEX#ba4138
HEX8#ba4138ff
RGBrgb(186, 65, 56)
CMYK[0,0.65,0.7,0.27]
Name#ba4138
HCL[33.5,57.8,44.95]
oklab[0.54,0.14,0.07]
Num12206392
HSI[3.55,0.45,0.4]
lab[44.95,48.2,31.9]
Lighten
#d9867f
Darken
#6c2620
Saturate
#d22c20
Desaturate
#a25650
Greyscale
#797979
Brighten
#ed746b

Color harmonies of #ba4138

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.
#ba4138
#38ba41
#4138ba

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.
#ba4138
#70ba38
#38b1ba
#8238ba

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.
#ba4138
#e45045
#100605
#3a1412
#65231e
#8f322b

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.
#ba4138
#ba3863
#ba3849
#ba4138
#ba5b38
#ba7538

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ba4138
#97ba38
#3863ba

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
#faf1f1
#f5e4e3
#f0d6d4
#ebc9c6
#e6bbb8
#e1aeaa
#dda09c
#d8928d
#d3857f
#ce7771
#c96a63
#c45c54
#bf4f46
#ba4138

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0504
#1b0908
#280e0c
#351310
#421714
#501c18
#5d211c
#6a2520
#782a24
#852e28
#92332c
#9f3830
#ad3c34
#ba4138

Contrast Checker

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

5.383 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!
3.901 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 #ba4138

Some examples of color palettes with #ba4138. View more

Use #ba4138 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet