#b77b5d hex color

In a RGB color space, hex #b77b5d is composed of 71.8% red, 48.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 49.2% yellow and 28.2% black. It has a hue angle of 20 degrees, a saturation of 38.5% and a lightness of 54.1%. #b77b5d color hex could be obtained by blending #fff6ba with #6f0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 72
- G 48
- B 36
RGB color chart
- C 0
- M 33
- Y 49
- K 28
CMYK color chart

● #b77b5d color description : Slightly desaturated orange.

The hexadecimal color #b77b5d has RGB values of R:183, G:123, B:93 and CMYK values of C:0, M:0.33, Y:0.49, K:0.28. Its decimal value is 12024669.

Hex triplet	b77b5d	`#b77b5d`
RGB Decimal	183, 123, 93	`rgb(183,123,93)`
RGB Percent	71.8, 48.2, 36.5	`rgb(71.8%,48.2%,36.5%)`
CMYK	0, 33, 49, 28
HSL	20°, 38.5, 54.1	`hsl(20,38.5%,54.1%)`
HSV (or HSB)	20°, 49.2, 71.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.1, 19.918, 25.864
XYZ	28.588, 25.025, 13.68
xyY	0.425, 0.372, 25.025
CIE-LCH	57.1, 32.644, 52.401
CIE-LUV	57.1, 43.887, 28.048
Hunter-Lab	50.025, 14.462, 18.804
Binary	10110111, 01111011, 01011101

#b77b5d
```
#b77b5d rgb(183,123,93)
```
#5d99b7
```
#5d99b7 rgb(93,153,183)
```

Complementary Color

#b75d6c
```
#b75d6c rgb(183,93,108)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#b7a85d
```
#b7a85d rgb(183,168,93)
```

Analogous Color

#5d6cb7
```
#5d6cb7 rgb(93,108,183)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#5db7a8
```
#5db7a8 rgb(93,183,168)
```

Split Complementary Color

#7b5db7
```
#7b5db7 rgb(123,93,183)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#5db77b
```
#5db77b rgb(93,183,123)
```

Triadic Color

#b75d99
```
#b75d99 rgb(183,93,153)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#5db77b
```
#5db77b rgb(93,183,123)
```
#5d99b7
```
#5d99b7 rgb(93,153,183)
```

Tetradic Color

#8a573d
```
#8a573d rgb(138,87,61)
```
#9c6245
```
#9c6245 rgb(156,98,69)
```
#ad6d4d
```
#ad6d4d rgb(173,109,77)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#bf896f
```
#bf896f rgb(191,137,111)
```
#c79880
```
#c79880 rgb(199,152,128)
```
#cfa692
```
#cfa692 rgb(207,166,146)
```

Monochromatic Color

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

#b7655d
```
#b7655d rgb(183,101,93)
```
#b76c5d
```
#b76c5d rgb(183,108,93)
```
#b7745d
```
#b7745d rgb(183,116,93)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#b7835d
```
#b7835d rgb(183,131,93)
```
#b78a5d
```
#b78a5d rgb(183,138,93)
```
#b7925d
```
#b7925d rgb(183,146,93)
```

Similar Colors

Text with hexadecimal color #b77b5d

This text has a font color of #b77b5d.

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

#b77b5d background color

This paragraph has a background color of #b77b5d.

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

#b77b5d border color

This element has a border color of #b77b5d.

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

CSS codes

.text {color:#b77b5d;}

.background {background-color:#b77b5d;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1c120c
```
#1c120c rgb(28,18,12)
```
#2a1a13
```
#2a1a13 rgb(42,26,19)
```
#372319
```
#372319 rgb(55,35,25)
```
#452b1f
```
#452b1f rgb(69,43,31)
```
#523425
```
#523425 rgb(82,52,37)
```
#603c2b
```
#603c2b rgb(96,60,43)
```
#6e4531
```
#6e4531 rgb(110,69,49)
```
#7b4e37
```
#7b4e37 rgb(123,78,55)
```
#89563d
```
#89563d rgb(137,86,61)
```
#965f43
```
#965f43 rgb(150,95,67)
```
#a46749
```
#a46749 rgb(164,103,73)
```

Shade Color Variation

#b1704f
```
#b1704f rgb(177,112,79)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#bd866b
```
#bd866b rgb(189,134,107)
```
#c39178
```
#c39178 rgb(195,145,120)
```
#c99c86
```
#c99c86 rgb(201,156,134)
```
#cfa793
```
#cfa793 rgb(207,167,147)
```
#d5b2a1
```
#d5b2a1 rgb(213,178,161)
```
#dbbdae
```
#dbbdae rgb(219,189,174)
```
#e1c8bc
```
#e1c8bc rgb(225,200,188)
```
#e7d4ca
```
#e7d4ca rgb(231,212,202)
```
#eddfd7
```
#eddfd7 rgb(237,223,215)
```
#f3eae5
```
#f3eae5 rgb(243,234,229)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,242)
```

Tint Color Variation

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

#8a8a8a
```
#8a8a8a rgb(138,138,138)
```
#938781
```
#938781 rgb(147,135,129)
```
#9c8478
```
#9c8478 rgb(156,132,120)
```
#a5816f
```
#a5816f rgb(165,129,111)
```
#ae7e66
```
#ae7e66 rgb(174,126,102)
```
#b77b5d
```
#b77b5d rgb(183,123,93)
```
#c07854
```
#c07854 rgb(192,120,84)
```
#c9754b
```
#c9754b rgb(201,117,75)
```
#d27242
```
#d27242 rgb(210,114,66)
```
#db6f39
```
#db6f39 rgb(219,111,57)
```
#e46c30
```
#e46c30 rgb(228,108,48)
```
#ed6927
```
#ed6927 rgb(237,105,39)
```
#f6661e
```
#f6661e rgb(246,102,30)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#938781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998f6a Protanopia 1% of men
#aa8963 Deuteranopia 1% of men
#bd7d85 Tritanopia 0.001% of the population

Trichromacy

#a48765 Protanomaly 1% of men, 0.01% of women
#ae8461 Deuteranomaly 6% of men, 0.4% of women
#bb7c77 Tritanomaly 0.01% of the population

#b77b5d hex color

#b77b5d Color Information

#b77b5d Color Conversion

Color Schemes with #b77b5d

Alternatives to #b77b5d

#b77b5d Preview

Shades and Tints of #b77b5d

Tones of #b77b5d

Color Blindness Simulator