#b1822d hex color

In a RGB color space, hex #b1822d is composed of 69.4% red, 51% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 74.6% yellow and 30.6% black. It has a hue angle of 38.6 degrees, a saturation of 59.5% and a lightness of 43.5%. #b1822d color hex could be obtained by blending #ffff5a with #630500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 51
- B 18
RGB color chart
- C 0
- M 27
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #b1822d has RGB values of R:177, G:130, B:45 and CMYK values of C:0, M:0.27, Y:0.75, K:0.31. Its decimal value is 11633197.

Hex triplet	b1822d	`#b1822d`
RGB Decimal	177, 130, 45	`rgb(177,130,45)`
RGB Percent	69.4, 51, 17.6	`rgb(69.4%,51%,17.6%)`
CMYK	0, 27, 75, 31
HSL	38.6°, 59.5, 43.5	`hsl(38.6,59.5%,43.5%)`
HSV (or HSB)	38.6°, 74.6, 69.4
Web Safe	999933	`#999933`

CIE-LAB	57.563, 9.924, 50.704
XYZ	26.588, 25.503, 6.005
xyY	0.458, 0.439, 25.503
CIE-LCH	57.563, 51.667, 78.925
CIE-LUV	57.563, 38.27, 51.643
Hunter-Lab	50.501, 5.602, 28.301
Binary	10110001, 10000010, 00101101

#b1822d
```
#b1822d rgb(177,130,45)
```
#2d5cb1
```
#2d5cb1 rgb(45,92,177)
```

Complementary Color

#b1402d
```
#b1402d rgb(177,64,45)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#9eb12d
```
#9eb12d rgb(158,177,45)
```

Analogous Color

#402db1
```
#402db1 rgb(64,45,177)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#2d9eb1
```
#2d9eb1 rgb(45,158,177)
```

Split Complementary Color

#822db1
```
#822db1 rgb(130,45,177)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#2db182
```
#2db182 rgb(45,177,130)
```

Triadic Color

#b12d5c
```
#b12d5c rgb(177,45,92)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#2db182
```
#2db182 rgb(45,177,130)
```
#2d5cb1
```
#2d5cb1 rgb(45,92,177)
```

Tetradic Color

#74551d
```
#74551d rgb(116,85,29)
```
#886423
```
#886423 rgb(136,100,35)
```
#9d7328
```
#9d7328 rgb(157,115,40)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#c59132
```
#c59132 rgb(197,145,50)
```
#cf9d42
```
#cf9d42 rgb(207,157,66)
```
#d4a756
```
#d4a756 rgb(212,167,86)
```

Monochromatic Color

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

#b1612d
```
#b1612d rgb(177,97,45)
```
#b16c2d
```
#b16c2d rgb(177,108,45)
```
#b1772d
```
#b1772d rgb(177,119,45)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#b18d2d
```
#b18d2d rgb(177,141,45)
```
#b1982d
```
#b1982d rgb(177,152,45)
```
#b1a32d
```
#b1a32d rgb(177,163,45)
```

Similar Colors

Text with hexadecimal color #b1822d

This text has a font color of #b1822d.

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

#b1822d background color

This paragraph has a background color of #b1822d.

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

#b1822d border color

This element has a border color of #b1822d.

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

CSS codes

.text {color:#b1822d;}

.background {background-color:#b1822d;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#150f05
```
#150f05 rgb(21,15,5)
```
#241b09
```
#241b09 rgb(36,27,9)
```
#34260d
```
#34260d rgb(52,38,13)
```
#443211
```
#443211 rgb(68,50,17)
```
#533d15
```
#533d15 rgb(83,61,21)
```
#634919
```
#634919 rgb(99,73,25)
```
#72541d
```
#72541d rgb(114,84,29)
```
#826021
```
#826021 rgb(130,96,33)
```
#926b25
```
#926b25 rgb(146,107,37)
```
#a17729
```
#a17729 rgb(161,119,41)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#c18d31
```
#c18d31 rgb(193,141,49)
```

Shade Color Variation

#cd9839
```
#cd9839 rgb(205,152,57)
```
#d1a048
```
#d1a048 rgb(209,160,72)
```
#d5a858
```
#d5a858 rgb(213,168,88)
```
#d9b068
```
#d9b068 rgb(217,176,104)
```
#dcb877
```
#dcb877 rgb(220,184,119)
```
#e0c187
```
#e0c187 rgb(224,193,135)
```
#e4c996
```
#e4c996 rgb(228,201,150)
```
#e8d1a6
```
#e8d1a6 rgb(232,209,166)
```
#ecd9b6
```
#ecd9b6 rgb(236,217,182)
```
#f0e1c5
```
#f0e1c5 rgb(240,225,197)
```
#f4e9d5
```
#f4e9d5 rgb(244,233,213)
```
#f8f1e5
```
#f8f1e5 rgb(248,241,229)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#757169
```
#757169 rgb(117,113,105)
```
#7e7360
```
#7e7360 rgb(126,115,96)
```
#867658
```
#867658 rgb(134,118,88)
```
#8f784f
```
#8f784f rgb(143,120,79)
```
#977b47
```
#977b47 rgb(151,123,71)
```
#a07d3e
```
#a07d3e rgb(160,125,62)
```
#a88036
```
#a88036 rgb(168,128,54)
```
#b1822d
```
#b1822d rgb(177,130,45)
```
#ba8424
```
#ba8424 rgb(186,132,36)
```
#c2871c
```
#c2871c rgb(194,135,28)
```
#cb8913
```
#cb8913 rgb(203,137,19)
```
#d38c0b
```
#d38c0b rgb(211,140,11)
```
#dc8e02
```
#dc8e02 rgb(220,142,2)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8f8574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0903a Protanopia 1% of men
#b28937 Deuteranopia 1% of men
#ba8089 Tritanopia 0.001% of the population

Trichromacy

#a68b35 Protanomaly 1% of men, 0.01% of women
#b18633 Deuteranomaly 6% of men, 0.4% of women
#b78067 Tritanomaly 0.01% of the population

#b1822d hex color

#b1822d Color Information

#b1822d Color Conversion

Color Schemes with #b1822d

Alternatives to #b1822d

#b1822d Preview

Shades and Tints of #b1822d

Tones of #b1822d

Color Blindness Simulator