#b2684a hex color

In a RGB color space, hex #b2684a is composed of 69.8% red, 40.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 58.4% yellow and 30.2% black. It has a hue angle of 17.3 degrees, a saturation of 41.3% and a lightness of 49.4%. #b2684a color hex could be obtained by blending #ffd094 with #650000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 70
- G 41
- B 29
RGB color chart
- C 0
- M 42
- Y 58
- K 30
CMYK color chart

● #b2684a color description : Dark moderate orange.

The hexadecimal color #b2684a has RGB values of R:178, G:104, B:74 and CMYK values of C:0, M:0.42, Y:0.58, K:0.3. Its decimal value is 11692106.

Hex triplet	b2684a	`#b2684a`
RGB Decimal	178, 104, 74	`rgb(178,104,74)`
RGB Percent	69.8, 40.8, 29	`rgb(69.8%,40.8%,29%)`
CMYK	0, 42, 58, 30
HSL	17.3°, 41.3, 49.4	`hsl(17.3,41.3%,49.4%)`
HSV (or HSB)	17.3°, 58.4, 69.8
Web Safe	996633	`#996633`

CIE-LAB	51.681, 26.685, 29.508
XYZ	24.547, 19.862, 9.019
xyY	0.459, 0.372, 19.862
CIE-LCH	51.681, 39.785, 47.875
CIE-LUV	51.681, 55.812, 28.944
Hunter-Lab	44.567, 20.325, 19.198
Binary	10110010, 01101000, 01001010

#b2684a
```
#b2684a rgb(178,104,74)
```
#4a94b2
```
#4a94b2 rgb(74,148,178)
```

Complementary Color

#b24a60
```
#b24a60 rgb(178,74,96)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#b29c4a
```
#b29c4a rgb(178,156,74)
```

Analogous Color

#4a60b2
```
#4a60b2 rgb(74,96,178)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#4ab29c
```
#4ab29c rgb(74,178,156)
```

Split Complementary Color

#684ab2
```
#684ab2 rgb(104,74,178)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#4ab268
```
#4ab268 rgb(74,178,104)
```

Triadic Color

#b24a94
```
#b24a94 rgb(178,74,148)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#4ab268
```
#4ab268 rgb(74,178,104)
```
#4a94b2
```
#4a94b2 rgb(74,148,178)
```

Tetradic Color

#7c4834
```
#7c4834 rgb(124,72,52)
```
#8e533b
```
#8e533b rgb(142,83,59)
```
#a05d43
```
#a05d43 rgb(160,93,67)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#bb765b
```
#bb765b rgb(187,118,91)
```
#c2856d
```
#c2856d rgb(194,133,109)
```
#ca947f
```
#ca947f rgb(202,148,127)
```

Monochromatic Color

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

#b24e4a
```
#b24e4a rgb(178,78,74)
```
#b2574a
```
#b2574a rgb(178,87,74)
```
#b25f4a
```
#b25f4a rgb(178,95,74)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#b2714a
```
#b2714a rgb(178,113,74)
```
#b2794a
```
#b2794a rgb(178,121,74)
```
#b2824a
```
#b2824a rgb(178,130,74)
```

Similar Colors

Text with hexadecimal color #b2684a

This text has a font color of #b2684a.

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

#b2684a background color

This paragraph has a background color of #b2684a.

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

#b2684a border color

This element has a border color of #b2684a.

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

CSS codes

.text {color:#b2684a;}

.background {background-color:#b2684a;}

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

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, #0c0705 is the darkest color, while #fefdfd is the lightest one.

#0c0705
```
#0c0705 rgb(12,7,5)
```
#1a0f0b
```
#1a0f0b rgb(26,15,11)
```
#271710
```
#271710 rgb(39,23,16)
```
#351f16
```
#351f16 rgb(53,31,22)
```
#43271c
```
#43271c rgb(67,39,28)
```
#512f22
```
#512f22 rgb(81,47,34)
```
#5f3727
```
#5f3727 rgb(95,55,39)
```
#6d402d
```
#6d402d rgb(109,64,45)
```
#7b4833
```
#7b4833 rgb(123,72,51)
```
#885039
```
#885039 rgb(136,80,57)
```
#96583e
```
#96583e rgb(150,88,62)
```
#a46044
```
#a46044 rgb(164,96,68)
```
#b2684a
```
#b2684a rgb(178,104,74)
```

Shade Color Variation

#b97357
```
#b97357 rgb(185,115,87)
```
#bf7f64
```
#bf7f64 rgb(191,127,100)
```
#c58a72
```
#c58a72 rgb(197,138,114)
```
#ca9680
```
#ca9680 rgb(202,150,128)
```
#d0a18e
```
#d0a18e rgb(208,161,142)
```
#d6ad9c
```
#d6ad9c rgb(214,173,156)
```
#dcb8aa
```
#dcb8aa rgb(220,184,170)
```
#e1c4b8
```
#e1c4b8 rgb(225,196,184)
```
#e7cfc5
```
#e7cfc5 rgb(231,207,197)
```
#eddbd3
```
#eddbd3 rgb(237,219,211)
```
#f3e6e1
```
#f3e6e1 rgb(243,230,225)
```
#f8f2ef
```
#f8f2ef rgb(248,242,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#827d7a
```
#827d7a rgb(130,125,122)
```
#8b7871
```
#8b7871 rgb(139,120,113)
```
#957467
```
#957467 rgb(149,116,103)
```
#9f705d
```
#9f705d rgb(159,112,93)
```
#a86c54
```
#a86c54 rgb(168,108,84)
```
#b2684a
```
#b2684a rgb(178,104,74)
```
#bc6440
```
#bc6440 rgb(188,100,64)
```
#c56037
```
#c56037 rgb(197,96,55)
```
#cf5c2d
```
#cf5c2d rgb(207,92,45)
```
#d95823
```
#d95823 rgb(217,88,35)
```
#e2531a
```
#e2531a rgb(226,83,26)
```
#ec4f10
```
#ec4f10 rgb(236,79,16)
```
#f64b06
```
#f64b06 rgb(246,75,6)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#867771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c815a Protanopia 1% of men
#9c7c4f Deuteranopia 1% of men
#b86b72 Tritanopia 0.001% of the population

Trichromacy

#9a7854 Protanomaly 1% of men, 0.01% of women
#a4754d Deuteranomaly 6% of men, 0.4% of women
#b66a63 Tritanomaly 0.01% of the population

#b2684a hex color

#b2684a Color Information

#b2684a Color Conversion

Color Schemes with #b2684a

Alternatives to #b2684a

#b2684a Preview

Shades and Tints of #b2684a

Tones of #b2684a

Color Blindness Simulator