#b28f64 hex color

In a RGB color space, hex #b28f64 is composed of 69.8% red, 56.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 43.8% yellow and 30.2% black. It has a hue angle of 33.1 degrees, a saturation of 33.6% and a lightness of 54.5%. #b28f64 color hex could be obtained by blending #ffffc8 with #651f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 56
- B 39
RGB color chart
- C 0
- M 20
- Y 44
- K 30
CMYK color chart

● #b28f64 color description : Mostly desaturated dark orange.

The hexadecimal color #b28f64 has RGB values of R:178, G:143, B:100 and CMYK values of C:0, M:0.2, Y:0.44, K:0.3. Its decimal value is 11702116.

Hex triplet	b28f64	`#b28f64`
RGB Decimal	178, 143, 100	`rgb(178,143,100)`
RGB Percent	69.8, 56.1, 39.2	`rgb(69.8%,56.1%,39.2%)`
CMYK	0, 20, 44, 30
HSL	33.1°, 33.6, 54.5	`hsl(33.1,33.6%,54.5%)`
HSV (or HSB)	33.1°, 43.8, 69.8
Web Safe	999966	`#999966`

CIE-LAB	61.681, 7.417, 27.853
XYZ	30.483, 30.031, 16.247
xyY	0.397, 0.391, 30.031
CIE-LCH	61.681, 28.824, 75.089
CIE-LUV	61.681, 25.943, 33.617
Hunter-Lab	54.801, 3.389, 20.783
Binary	10110010, 10001111, 01100100

#b28f64
```
#b28f64 rgb(178,143,100)
```
#6487b2
```
#6487b2 rgb(100,135,178)
```

Complementary Color

#b26864
```
#b26864 rgb(178,104,100)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#aeb264
```
#aeb264 rgb(174,178,100)
```

Analogous Color

#6864b2
```
#6864b2 rgb(104,100,178)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#64aeb2
```
#64aeb2 rgb(100,174,178)
```

Split Complementary Color

#8f64b2
```
#8f64b2 rgb(143,100,178)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#64b28f
```
#64b28f rgb(100,178,143)
```

Triadic Color

#b26487
```
#b26487 rgb(178,100,135)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#64b28f
```
#64b28f rgb(100,178,143)
```
#6487b2
```
#6487b2 rgb(100,135,178)
```

Tetradic Color

#876843
```
#876843 rgb(135,104,67)
```
#98754b
```
#98754b rgb(152,117,75)
```
#a98354
```
#a98354 rgb(169,131,84)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#ba9b75
```
#ba9b75 rgb(186,155,117)
```
#c3a886
```
#c3a886 rgb(195,168,134)
```
#cbb497
```
#cbb497 rgb(203,180,151)
```

Monochromatic Color

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

#b27c64
```
#b27c64 rgb(178,124,100)
```
#b28264
```
#b28264 rgb(178,130,100)
```
#b28964
```
#b28964 rgb(178,137,100)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#b29664
```
#b29664 rgb(178,150,100)
```
#b29c64
```
#b29c64 rgb(178,156,100)
```
#b2a364
```
#b2a364 rgb(178,163,100)
```

Similar Colors

Text with hexadecimal color #b28f64

This text has a font color of #b28f64.

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

#b28f64 background color

This paragraph has a background color of #b28f64.

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

#b28f64 border color

This element has a border color of #b28f64.

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

CSS codes

.text {color:#b28f64;}

.background {background-color:#b28f64;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0c08
```
#0f0c08 rgb(15,12,8)
```
#1c160e
```
#1c160e rgb(28,22,14)
```
#2a2015
```
#2a2015 rgb(42,32,21)
```
#372a1b
```
#372a1b rgb(55,42,27)
```
#443422
```
#443422 rgb(68,52,34)
```
#513f28
```
#513f28 rgb(81,63,40)
```
#5e492f
```
#5e492f rgb(94,73,47)
```
#6b5335
```
#6b5335 rgb(107,83,53)
```
#785d3c
```
#785d3c rgb(120,93,60)
```
#856742
```
#856742 rgb(133,103,66)
```
#927149
```
#927149 rgb(146,113,73)
```
#a07c4f
```
#a07c4f rgb(160,124,79)
```

Shade Color Variation

#ab8657
```
#ab8657 rgb(171,134,87)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#b99871
```
#b99871 rgb(185,152,113)
```
#bfa27e
```
#bfa27e rgb(191,162,126)
```
#c6ab8b
```
#c6ab8b rgb(198,171,139)
```
#ccb598
```
#ccb598 rgb(204,181,152)
```
#d3bea6
```
#d3bea6 rgb(211,190,166)
```
#d9c8b3
```
#d9c8b3 rgb(217,200,179)
```
#e0d1c0
```
#e0d1c0 rgb(224,209,192)
```
#e6dbcd
```
#e6dbcd rgb(230,219,205)
```
#ede4da
```
#ede4da rgb(237,228,218)
```
#f3eee7
```
#f3eee7 rgb(243,238,231)
```
#faf7f4
```
#faf7f4 rgb(250,247,244)
```

Tint Color Variation

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

#8e8b88
```
#8e8b88 rgb(142,139,136)
```
#978c7f
```
#978c7f rgb(151,140,127)
```
#a08d76
```
#a08d76 rgb(160,141,118)
```
#a98e6d
```
#a98e6d rgb(169,142,109)
```
#b28f64
```
#b28f64 rgb(178,143,100)
```
#bb905b
```
#bb905b rgb(187,144,91)
```
#c49152
```
#c49152 rgb(196,145,82)
```
#cd9249
```
#cd9249 rgb(205,146,73)
```
#d69340
```
#d69340 rgb(214,147,64)
```
#df9437
```
#df9437 rgb(223,148,55)
```
#e8942e
```
#e8942e rgb(232,148,46)
```
#f09526
```
#f09526 rgb(240,149,38)
```
#f9961d
```
#f9961d rgb(249,150,29)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9b948b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69a6e Protanopia 1% of men
#b7946c Deuteranopia 1% of men
#ba8e98 Tritanopia 0.001% of the population

Trichromacy

#aa966a Protanomaly 1% of men, 0.01% of women
#b59269 Deuteranomaly 6% of men, 0.4% of women
#b78e85 Tritanomaly 0.01% of the population

#b28f64 hex color

#b28f64 Color Information

#b28f64 Color Conversion

Color Schemes with #b28f64

Alternatives to #b28f64

#b28f64 Preview

Shades and Tints of #b28f64

Tones of #b28f64

Color Blindness Simulator