colorhexa.com

#b2772d hex color

In a RGB color space, hex #b2772d is composed of 69.8% red, 46.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 33.4 degrees, a saturation of 59.6% and a lightness of 43.7%. #b2772d color hex could be obtained by blending #ffee5a with #650000. Closest websafe color is: #996633.

- R 70
- G 47
- B 18
RGB color chart
- C 0
- M 33
- Y 75
- K 30
CMYK color chart

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

The hexadecimal color #b2772d has RGB values of R:178, G:119, B:45 and CMYK values of C:0, M:0.33, Y:0.75, K:0.3. Its decimal value is 11695917.

Hex triplet	b2772d	`#b2772d`
RGB Decimal	178, 119, 45	`rgb(178,119,45)`
RGB Percent	69.8, 46.7, 17.6	`rgb(69.8%,46.7%,17.6%)`
CMYK	0, 33, 75, 30
HSL	33.4°, 59.6, 43.7	`hsl(33.4,59.6%,43.7%)`
HSV (or HSB)	33.4°, 74.7, 69.8
Web Safe	996633	`#996633`

CIE-LAB	54.917, 16.513, 48.1
XYZ	25.431, 22.85, 5.554
xyY	0.472, 0.424, 22.85
CIE-LCH	54.917, 50.856, 71.053
CIE-LUV	54.917, 47.47, 47.146
Hunter-Lab	47.801, 11.312, 26.573
Binary	10110010, 01110111, 00101101

#b2772d
```
#b2772d rgb(178,119,45)
```
#2d68b2
```
#2d68b2 rgb(45,104,178)
```

Complementary Color

#b2352d
```
#b2352d rgb(178,53,45)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#abb22d
```
#abb22d rgb(171,178,45)
```

Analogous Color

#352db2
```
#352db2 rgb(53,45,178)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#2dabb2
```
#2dabb2 rgb(45,171,178)
```

Split Complementary Color

#772db2
```
#772db2 rgb(119,45,178)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#2db277
```
#2db277 rgb(45,178,119)
```

Triadic Color

#b22d68
```
#b22d68 rgb(178,45,104)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#2db277
```
#2db277 rgb(45,178,119)
```
#2d68b2
```
#2d68b2 rgb(45,104,178)
```

Tetradic Color

#754e1e
```
#754e1e rgb(117,78,30)
```
#895c23
```
#895c23 rgb(137,92,35)
```
#9e6928
```
#9e6928 rgb(158,105,40)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#c68532
```
#c68532 rgb(198,133,50)
```
#cf9143
```
#cf9143 rgb(207,145,67)
```
#d59d57
```
#d59d57 rgb(213,157,87)
```

Monochromatic Color

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

#b2562d
```
#b2562d rgb(178,86,45)
```
#b2612d
```
#b2612d rgb(178,97,45)
```
#b26c2d
```
#b26c2d rgb(178,108,45)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#b2822d
```
#b2822d rgb(178,130,45)
```
#b28d2d
```
#b28d2d rgb(178,141,45)
```
#b2982d
```
#b2982d rgb(178,152,45)
```

Similar Colors

Text with hexadecimal color #b2772d

This text has a font color of #b2772d.

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

#b2772d background color

This paragraph has a background color of #b2772d.

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

#b2772d border color

This element has a border color of #b2772d.

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

CSS codes

.text {color:#b2772d;}

.background {background-color:#b2772d;}

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

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, #060401 is the darkest color, while #fdf9f5 is the lightest one.

#060401
```
#060401 rgb(6,4,1)
```
#150e05
```
#150e05 rgb(21,14,5)
```
#251909
```
#251909 rgb(37,25,9)
```
#35230d
```
#35230d rgb(53,35,13)
```
#442e11
```
#442e11 rgb(68,46,17)
```
#543815
```
#543815 rgb(84,56,21)
```
#644319
```
#644319 rgb(100,67,25)
```
#734d1d
```
#734d1d rgb(115,77,29)
```
#835821
```
#835821 rgb(131,88,33)
```
#936225
```
#936225 rgb(147,98,37)
```
#a26d29
```
#a26d29 rgb(162,109,41)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#c28131
```
#c28131 rgb(194,129,49)
```

Shade Color Variation

#cd8b39
```
#cd8b39 rgb(205,139,57)
```
#d19549
```
#d19549 rgb(209,149,73)
```
#d59e59
```
#d59e59 rgb(213,158,89)
```
#d9a768
```
#d9a768 rgb(217,167,104)
```
#ddb078
```
#ddb078 rgb(221,176,120)
```
#e1b988
```
#e1b988 rgb(225,185,136)
```
#e5c297
```
#e5c297 rgb(229,194,151)
```
#e9cba7
```
#e9cba7 rgb(233,203,167)
```
#edd5b6
```
#edd5b6 rgb(237,213,182)
```
#f1dec6
```
#f1dec6 rgb(241,222,198)
```
#f5e7d6
```
#f5e7d6 rgb(245,231,214)
```
#f9f0e5
```
#f9f0e5 rgb(249,240,229)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#767069
```
#767069 rgb(118,112,105)
```
#7f7160
```
#7f7160 rgb(127,113,96)
```
#877258
```
#877258 rgb(135,114,88)
```
#90734f
```
#90734f rgb(144,115,79)
```
#987447
```
#987447 rgb(152,116,71)
```
#a1753e
```
#a1753e rgb(161,117,62)
```
#a97636
```
#a97636 rgb(169,118,54)
```
#b2772d
```
#b2772d rgb(178,119,45)
```
#bb7824
```
#bb7824 rgb(187,120,36)
```
#c3791c
```
#c3791c rgb(195,121,28)
```
#cc7a13
```
#cc7a13 rgb(204,122,19)
```
#d47b0b
```
#d47b0b rgb(212,123,11)
```
#dd7c02
```
#dd7c02 rgb(221,124,2)
```

Tone Color Variation

Below, you can see how #b2772d 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

#988a3b Protanopia 1% of men
#aa8335 Deuteranopia 1% of men
#ba767e Tritanopia 0.001% of the population

Trichromacy

#a28336 Protanomaly 1% of men, 0.01% of women
#ad7e32 Deuteranomaly 6% of men, 0.4% of women
#b77661 Tritanomaly 0.01% of the population