#b2772a hex color

In a RGB color space, hex #b2772a is composed of 69.8% red, 46.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 76.4% yellow and 30.2% black. It has a hue angle of 34 degrees, a saturation of 61.8% and a lightness of 43.1%. #b2772a color hex could be obtained by blending #ffee54 with #650000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 70
- G 47
- B 16
RGB color chart
- C 0
- M 33
- Y 76
- K 30
CMYK color chart

● #b2772a color description : Dark orange [Brown tone].

The hexadecimal color #b2772a has RGB values of R:178, G:119, B:42 and CMYK values of C:0, M:0.33, Y:0.76, K:0.3. Its decimal value is 11695914.

Hex triplet	b2772a	`#b2772a`
RGB Decimal	178, 119, 42	`rgb(178,119,42)`
RGB Percent	69.8, 46.7, 16.5	`rgb(69.8%,46.7%,16.5%)`
CMYK	0, 33, 76, 30
HSL	34°, 61.8, 43.1	`hsl(34,61.8%,43.1%)`
HSV (or HSB)	34°, 76.4, 69.8
Web Safe	996633	`#996633`

CIE-LAB	54.894, 16.376, 49.391
XYZ	25.375, 22.827, 5.26
xyY	0.475, 0.427, 22.827
CIE-LCH	54.894, 52.035, 71.656
CIE-LUV	54.894, 47.66, 48.017
Hunter-Lab	47.778, 11.191, 26.917
Binary	10110010, 01110111, 00101010

#b2772a
```
#b2772a rgb(178,119,42)
```
#2a65b2
```
#2a65b2 rgb(42,101,178)
```

Complementary Color

#b2332a
```
#b2332a rgb(178,51,42)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#a9b22a
```
#a9b22a rgb(169,178,42)
```

Analogous Color

#332ab2
```
#332ab2 rgb(51,42,178)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#2aa9b2
```
#2aa9b2 rgb(42,169,178)
```

Split Complementary Color

#772ab2
```
#772ab2 rgb(119,42,178)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#2ab277
```
#2ab277 rgb(42,178,119)
```

Triadic Color

#b22a65
```
#b22a65 rgb(178,42,101)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#2ab277
```
#2ab277 rgb(42,178,119)
```
#2a65b2
```
#2a65b2 rgb(42,101,178)
```

Tetradic Color

#744e1b
```
#744e1b rgb(116,78,27)
```
#895b20
```
#895b20 rgb(137,91,32)
```
#9d6925
```
#9d6925 rgb(157,105,37)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#c7852f
```
#c7852f rgb(199,133,47)
```
#d1913e
```
#d1913e rgb(209,145,62)
```
#d69d52
```
#d69d52 rgb(214,157,82)
```

Monochromatic Color

Below, you can see some colors close to #b2772a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b2552a
```
#b2552a rgb(178,85,42)
```
#b2602a
```
#b2602a rgb(178,96,42)
```
#b26c2a
```
#b26c2a rgb(178,108,42)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#b2822a
```
#b2822a rgb(178,130,42)
```
#b28e2a
```
#b28e2a rgb(178,142,42)
```
#b2992a
```
#b2992a rgb(178,153,42)
```

Similar Colors

Text with hexadecimal color #b2772a

This text has a font color of #b2772a.

<span style="color:#b2772a;">Text here</span>

#b2772a background color

This paragraph has a background color of #b2772a.

<p style="background-color:#b2772a;">Content here</p>

#b2772a border color

This element has a border color of #b2772a.

<div style="border:1px solid #b2772a;">Content here</div>

CSS codes

.text {color:#b2772a;}

.background {background-color:#b2772a;}

.border {border:1px solid #b2772a;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030201 is the darkest color, while #fcf8f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#130d05
```
#130d05 rgb(19,13,5)
```
#231808
```
#231808 rgb(35,24,8)
```
#33220c
```
#33220c rgb(51,34,12)
```
#432d10
```
#432d10 rgb(67,45,16)
```
#533714
```
#533714 rgb(83,55,20)
```
#634217
```
#634217 rgb(99,66,23)
```
#734d1b
```
#734d1b rgb(115,77,27)
```
#82571f
```
#82571f rgb(130,87,31)
```
#926223
```
#926223 rgb(146,98,35)
```
#a26c26
```
#a26c26 rgb(162,108,38)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#c2822e
```
#c2822e rgb(194,130,46)
```

Shade Color Variation

#cf8c34
```
#cf8c34 rgb(207,140,52)
```
#d39544
```
#d39544 rgb(211,149,68)
```
#d79e54
```
#d79e54 rgb(215,158,84)
```
#daa764
```
#daa764 rgb(218,167,100)
```
#deb074
```
#deb074 rgb(222,176,116)
```
#e2b983
```
#e2b983 rgb(226,185,131)
```
#e6c293
```
#e6c293 rgb(230,194,147)
```
#e9cba3
```
#e9cba3 rgb(233,203,163)
```
#edd4b3
```
#edd4b3 rgb(237,212,179)
```
#f1ddc3
```
#f1ddc3 rgb(241,221,195)
```
#f5e6d3
```
#f5e6d3 rgb(245,230,211)
```
#f8efe3
```
#f8efe3 rgb(248,239,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e6e is the less saturated color, while #d47b08 is the most saturated one.

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776f65
```
#776f65 rgb(119,111,101)
```
#7f705d
```
#7f705d rgb(127,112,93)
```
#887154
```
#887154 rgb(136,113,84)
```
#90734c
```
#90734c rgb(144,115,76)
```
#997443
```
#997443 rgb(153,116,67)
```
#a1753b
```
#a1753b rgb(161,117,59)
```
#aa7632
```
#aa7632 rgb(170,118,50)
```
#b2772a
```
#b2772a rgb(178,119,42)
```
#ba7822
```
#ba7822 rgb(186,120,34)
```
#c37919
```
#c37919 rgb(195,121,25)
```
#cb7a11
```
#cb7a11 rgb(203,122,17)
```
#d47b08
```
#d47b08 rgb(212,123,8)
```

Tone Color Variation

Below, you can see how #b2772a is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#808080 Achromatopsia 0.005% of the population
#8a7e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a38 Protanopia 1% of men
#aa8332 Deuteranopia 1% of men
#ba767e Tritanopia 0.001% of the population

Trichromacy

#a28333 Protanomaly 1% of men, 0.01% of women
#ad7e2f Deuteranomaly 6% of men, 0.4% of women
#b7765f Tritanomaly 0.01% of the population

#b2772a hex color

#b2772a Color Information

#b2772a Color Conversion

Color Schemes with #b2772a

Alternatives to #b2772a

#b2772a Preview

Shades and Tints of #b2772a

Tones of #b2772a

Color Blindness Simulator