#b2702a hex color

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

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

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

The hexadecimal color #b2702a has RGB values of R:178, G:112, B:42 and CMYK values of C:0, M:0.37, Y:0.76, K:0.3. Its decimal value is 11694122.

Hex triplet	b2702a	`#b2702a`
RGB Decimal	178, 112, 42	`rgb(178,112,42)`
RGB Percent	69.8, 43.9, 16.5	`rgb(69.8%,43.9%,16.5%)`
CMYK	0, 37, 76, 30
HSL	30.9°, 61.8, 43.1	`hsl(30.9,61.8%,43.1%)`
HSV (or HSB)	30.9°, 76.4, 69.8
Web Safe	996633	`#996633`

CIE-LAB	53.192, 20.283, 47.712
XYZ	24.573, 21.222, 4.993
xyY	0.484, 0.418, 21.222
CIE-LCH	53.192, 51.844, 66.969
CIE-LUV	53.192, 53.111, 45.194
Hunter-Lab	46.068, 14.595, 25.822
Binary	10110010, 01110000, 00101010

#b2702a
```
#b2702a rgb(178,112,42)
```
#2a6cb2
```
#2a6cb2 rgb(42,108,178)
```

Complementary Color

#b22c2a
```
#b22c2a rgb(178,44,42)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#b0b22a
```
#b0b22a rgb(176,178,42)
```

Analogous Color

#2c2ab2
```
#2c2ab2 rgb(44,42,178)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```

Split Complementary Color

#702ab2
```
#702ab2 rgb(112,42,178)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#2ab270
```
#2ab270 rgb(42,178,112)
```

Triadic Color

#b22a6c
```
#b22a6c rgb(178,42,108)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#2ab270
```
#2ab270 rgb(42,178,112)
```
#2a6cb2
```
#2a6cb2 rgb(42,108,178)
```

Tetradic Color

#74491b
```
#74491b rgb(116,73,27)
```
#895620
```
#895620 rgb(137,86,32)
```
#9d6325
```
#9d6325 rgb(157,99,37)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#c77d2f
```
#c77d2f rgb(199,125,47)
```
#d18a3e
```
#d18a3e rgb(209,138,62)
```
#d69652
```
#d69652 rgb(214,150,82)
```

Monochromatic Color

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

#b24e2a
```
#b24e2a rgb(178,78,42)
```
#b2592a
```
#b2592a rgb(178,89,42)
```
#b2652a
```
#b2652a rgb(178,101,42)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#b27b2a
```
#b27b2a rgb(178,123,42)
```
#b2872a
```
#b2872a rgb(178,135,42)
```
#b2922a
```
#b2922a rgb(178,146,42)
```

Similar Colors

Text with hexadecimal color #b2702a

This text has a font color of #b2702a.

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

#b2702a background color

This paragraph has a background color of #b2702a.

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

#b2702a border color

This element has a border color of #b2702a.

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

CSS codes

.text {color:#b2702a;}

.background {background-color:#b2702a;}

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

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 #fcf7f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#130c05
```
#130c05 rgb(19,12,5)
```
#231608
```
#231608 rgb(35,22,8)
```
#33200c
```
#33200c rgb(51,32,12)
```
#432a10
```
#432a10 rgb(67,42,16)
```
#533414
```
#533414 rgb(83,52,20)
```
#633e17
```
#633e17 rgb(99,62,23)
```
#73481b
```
#73481b rgb(115,72,27)
```
#82521f
```
#82521f rgb(130,82,31)
```
#925c23
```
#925c23 rgb(146,92,35)
```
#a26626
```
#a26626 rgb(162,102,38)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#c27a2e
```
#c27a2e rgb(194,122,46)
```

Shade Color Variation

#cf8434
```
#cf8434 rgb(207,132,52)
```
#d38e44
```
#d38e44 rgb(211,142,68)
```
#d79754
```
#d79754 rgb(215,151,84)
```
#daa164
```
#daa164 rgb(218,161,100)
```
#deaa74
```
#deaa74 rgb(222,170,116)
```
#e2b483
```
#e2b483 rgb(226,180,131)
```
#e6be93
```
#e6be93 rgb(230,190,147)
```
#e9c7a3
```
#e9c7a3 rgb(233,199,163)
```
#edd1b3
```
#edd1b3 rgb(237,209,179)
```
#f1dbc3
```
#f1dbc3 rgb(241,219,195)
```
#f5e4d3
```
#f5e4d3 rgb(245,228,211)
```
#f8eee3
```
#f8eee3 rgb(248,238,227)
```
#fcf7f3
```
#fcf7f3 rgb(252,247,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 #d47108 is the most saturated one.

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776e65
```
#776e65 rgb(119,110,101)
```
#7f6f5d
```
#7f6f5d rgb(127,111,93)
```
#886f54
```
#886f54 rgb(136,111,84)
```
#906f4c
```
#906f4c rgb(144,111,76)
```
#996f43
```
#996f43 rgb(153,111,67)
```
#a1703b
```
#a1703b rgb(161,112,59)
```
#aa7032
```
#aa7032 rgb(170,112,50)
```
#b2702a
```
#b2702a rgb(178,112,42)
```
#ba7022
```
#ba7022 rgb(186,112,34)
```
#c37019
```
#c37019 rgb(195,112,25)
```
#cb7111
```
#cb7111 rgb(203,113,17)
```
#d47108
```
#d47108 rgb(212,113,8)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#877a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#948539 Protanopia 1% of men
#a57f32 Deuteranopia 1% of men
#ba7078 Tritanopia 0.001% of the population

Trichromacy

#9f7d33 Protanomaly 1% of men, 0.01% of women
#aa792f Deuteranomaly 6% of men, 0.4% of women
#b7705b Tritanomaly 0.01% of the population

#b2702a hex color

#b2702a Color Information

#b2702a Color Conversion

Color Schemes with #b2702a

Alternatives to #b2702a

#b2702a Preview

Shades and Tints of #b2702a

Tones of #b2702a

Color Blindness Simulator