#b3583d Color Hex Overcast Brick

Information about Overcast Brick Color | #0000FF

#b3583d color RGB value is (179,88,61). #b3583d color name is Overcast Brick color.

#b3583d hex color red value is 179 , green value is 88 and the blue value of its RGB is 61 . Cylindrical-coordinate representations (also known as HSL) of color #b3583d hue: 14 , saturation: 49 and the lightness value of #b3583d is 47

The process color (four color CMYK) of #b3583d color hex is 0 , 20 ,26, 12 .

#b3583d

~Overcast Brick

Color Converions

HEX

#b3583d

RGB

179,88,61

LAB

49,36,33

CMYK

0,51,66,30

LCH

49,49,43

XYZ

23,17,6

HSV

14,66,70

HSL

14,49,47

LUV

Base Numbers

Base	Red	Green	Blue
Binary	10110011	1011000	111101
Octal	263	130	75
Decimal	179	88	61
Hex	b3	58	3d

RGB Percentages of Color #b3583d

70%

35%

24%

CMYK Percentages of Color #b3583d

26%

20%

12%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #b3583d

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%

#b3583d

20%

#a14f37

30%

#8f4631

40%

#7d3e2b

50%

#6b3525

60%

#5a2c1e

70%

#482318

80%

#361a12

90%

#24120c

100%

#120906

Tints of #b3583d

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%

#b3583d

20%

#bb6950

30%

#c27964

40%

#ca8a77

50%

#d19b8b

60%

#d9ab9e

70%

#e1bcb1

80%

#e8cdc5

90%

#f0ded8

100%

#f7eeec

Tones of #b3583d

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%

#b3583d

20%

#ae5c44

30%

#a9604a

40%

#a46451

50%

#9e6858

60%

#996c5e

70%

#947065

80%

#8f746c

90%

#8a7872

100%

#857c79

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.

#b3583d

#b33d51

#b3403d

#b3583d

#b3703d

#b3873d

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

#b3583d

#3d98b3

Split complementary

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

#b3583d

#80b33d

#3d51b3

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

#b3583d

#3db358

#583db3

Tetradic

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.

#b3583d

#5db33d

#3d98b3

#933db3

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#b3583d

#dd6d4b

#090403

#331912

#5e2e20

#88432f

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 5/21

Hello World ! 5

Black background-color

Poor 4/21

Hello World !

#b3583d Color CSS Codes

.bgcolor {background-color:#b3583d; } 
.forecolor {color:#b3583d; }
.bordercolor {border:3px solid #b3583d; }

#b3583d Text Font Color

<div style="color:#b3583d">
Div content here</div>

This sample text font color is #b3583d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#b3583d Background Color

<div style="background-color:#b3583d">
Div content here</div>

Div content here

#b3583d Border Color

<div style="border:3px solid #b3583d">
Div here</div>

This div border color is #b3583d

#b3583d Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #b3583d; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #b3583d; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #b3583d;
  -webkit-box-shadow: 1px 1px 3px 2px #b3583d;
  box-shadow: 1px 1px 3px 2px #b3583d; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #b3583d">Text here</p>

This text has shadow with hex values.

Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #b3583d;
              -webkit-box-shadow: 1px 1px 3px 2px #b3583d;
              box-shadow:         1px 1px 3px 2px #b3583d#b3583d">
Div content here</div>

This div box has shadow with color #b3583d