FR Version française | EN

#ECC2BA Hex color

#ECC2BA

The hexadecimal color code #ECC2BA corresponds to the code RGB( 236, 194, 186 ). It's a shade of Red. This color is a combination of red (at 0,93 level), green (at 0,76 level) and blue (at 0,73 level). Its brightness is 82% and its saturation is 56%. It is composed of red at 38%, green at 31% and blue at 30%.


Features

Hue

Saturation

Brightness

10
56
82
Shade of Red
Hex Code #ECC2BA
RGB Code rgb( 236 , 194 , 186)
RGB Code Percentagergb( 92.5% , 76.1% , 72.9% )
HSLhsl( 10 , 56% , 82% )
Complementary
Color
#133D45


Variations of #ECC2BA

Lighter Shades

Palette of gradually lightened shades. The lightest shade of #ECC2BA is the color #FDF8F8

#ecc2ba

#edc8c0

#efcec7

#f1d4ce

#f3dad5

#f5e0dc

#f7e6e3

#f9ecea

#fbf2f1

#fdf8f8

Darker Shades

Palette of progressively darker shades. The darkest shade is #171312.

#ecc2ba

#d4aea7

#bc9b94

#a58782

#8d746f

#76615d

#5e4d4a

#463a37

#2f2625

#171312

Other Shades of Red

Examples of other colors within the Red spectrum .

Red

#FF0000

#9e2b40

#6D071A

#842E1B

#E73E01

#ED0000

#BF3030

#A42424

#C72C48

#E9383F

See more



Color Palettes

The complementary color #133D45 is the color exactly opposite to #ECC2BA on the color wheel. The triadic palette is created by selecting two colors that are evenly spaced on the color wheel.

Complementary color palette

#ECC2BA

#133D45

Triadic palette



Uses of #ECC2BA in CSS

When using #ECC2BA as the background color, consider selecting a darker text color for improved readability. If you want to use #ECC2BA as the text color, prefer a dark background, such as Black.

#ECC2BA as background color

Black text
White text
div{ background: #ECC2BA;  }

Colored text

With a white background or
with a dark background
div{ color: #ECC2BA;  }

Border

#ECC2BA colored border with a width of 3px 
div{ border: 3px solid #ECC2BA;  }

Shadow

#ECC2BA shadow colored
div{ box-shadow: 3px 3px 7px #ECC2BA; }

Similar Colors

Other color codes similar or equivalent to the specified color code #ECC2BA.

#E0C2B0

#ECB8B0

#D4AEBA

#ECB8B8

#C8C29E

#ECA49E

#D4AEA7

#E4BCB4

#E0B8BA

#E0B8B0

Choose another color

Select another color on color wheel.

Selected color: