#b15f30 hex color

In a RGB color space, hex #b15f30 is composed of 69.4% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 72.9% yellow and 30.6% black. It has a hue angle of 21.9 degrees, a saturation of 57.3% and a lightness of 44.1%. #b15f30 color hex could be obtained by blending #ffbe60 with #630000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 37
- B 19
RGB color chart
- C 0
- M 46
- Y 73
- K 31
CMYK color chart

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

The hexadecimal color #b15f30 has RGB values of R:177, G:95, B:48 and CMYK values of C:0, M:0.46, Y:0.73, K:0.31. Its decimal value is 11624240.

Hex triplet	b15f30	`#b15f30`
RGB Decimal	177, 95, 48	`rgb(177,95,48)`
RGB Percent	69.4, 37.3, 18.8	`rgb(69.4%,37.3%,18.8%)`
CMYK	0, 46, 73, 31
HSL	21.9°, 57.3, 44.1	`hsl(21.9,57.3%,44.1%)`
HSV (or HSB)	21.9°, 72.9, 69.4
Web Safe	996633	`#996633`

CIE-LAB	49.188, 29.499, 40.662
XYZ	22.758, 17.747, 5.023
xyY	0.5, 0.39, 17.747
CIE-LCH	49.188, 50.236, 54.04
CIE-LUV	49.188, 64.952, 36.456
Hunter-Lab	42.127, 22.707, 22.419
Binary	10110001, 01011111, 00110000

#b15f30
```
#b15f30 rgb(177,95,48)
```
#3082b1
```
#3082b1 rgb(48,130,177)
```

Complementary Color

#b13042
```
#b13042 rgb(177,48,66)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#b1a030
```
#b1a030 rgb(177,160,48)
```

Analogous Color

#3042b1
```
#3042b1 rgb(48,66,177)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#30b1a0
```
#30b1a0 rgb(48,177,160)
```

Split Complementary Color

#5f30b1
```
#5f30b1 rgb(95,48,177)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#30b15f
```
#30b15f rgb(48,177,95)
```

Triadic Color

#b13082
```
#b13082 rgb(177,48,130)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#30b15f
```
#30b15f rgb(48,177,95)
```
#3082b1
```
#3082b1 rgb(48,130,177)
```

Tetradic Color

#753f20
```
#753f20 rgb(117,63,32)
```
#894925
```
#894925 rgb(137,73,37)
```
#9d542b
```
#9d542b rgb(157,84,43)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#c56a35
```
#c56a35 rgb(197,106,53)
```
#cd7847
```
#cd7847 rgb(205,120,71)
```
#d3875b
```
#d3875b rgb(211,135,91)
```

Monochromatic Color

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

#b13f30
```
#b13f30 rgb(177,63,48)
```
#b14a30
```
#b14a30 rgb(177,74,48)
```
#b15430
```
#b15430 rgb(177,84,48)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#b16a30
```
#b16a30 rgb(177,106,48)
```
#b17530
```
#b17530 rgb(177,117,48)
```
#b17f30
```
#b17f30 rgb(177,127,48)
```

Similar Colors

Text with hexadecimal color #b15f30

This text has a font color of #b15f30.

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

#b15f30 background color

This paragraph has a background color of #b15f30.

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

#b15f30 border color

This element has a border color of #b15f30.

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

CSS codes

.text {color:#b15f30;}

.background {background-color:#b15f30;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#170c06
```
#170c06 rgb(23,12,6)
```
#26140a
```
#26140a rgb(38,20,10)
```
#361d0f
```
#361d0f rgb(54,29,15)
```
#452513
```
#452513 rgb(69,37,19)
```
#542d17
```
#542d17 rgb(84,45,23)
```
#64361b
```
#64361b rgb(100,54,27)
```
#733e1f
```
#733e1f rgb(115,62,31)
```
#834623
```
#834623 rgb(131,70,35)
```
#924e28
```
#924e28 rgb(146,78,40)
```
#a2572c
```
#a2572c rgb(162,87,44)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#c06734
```
#c06734 rgb(192,103,52)
```

Shade Color Variation

#cb713e
```
#cb713e rgb(203,113,62)
```
#cf7c4d
```
#cf7c4d rgb(207,124,77)
```
#d3885d
```
#d3885d rgb(211,136,93)
```
#d7936c
```
#d7936c rgb(215,147,108)
```
#db9e7b
```
#db9e7b rgb(219,158,123)
```
#dfaa8b
```
#dfaa8b rgb(223,170,139)
```
#e4b59a
```
#e4b59a rgb(228,181,154)
```
#e8c0aa
```
#e8c0aa rgb(232,192,170)
```
#ecccb9
```
#ecccb9 rgb(236,204,185)
```
#f0d7c9
```
#f0d7c9 rgb(240,215,201)
```
#f4e2d8
```
#f4e2d8 rgb(244,226,216)
```
#f9eee7
```
#f9eee7 rgb(249,238,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#746f6d
```
#746f6d rgb(116,111,109)
```
#7d6d64
```
#7d6d64 rgb(125,109,100)
```
#866b5b
```
#866b5b rgb(134,107,91)
```
#8e6853
```
#8e6853 rgb(142,104,83)
```
#97664a
```
#97664a rgb(151,102,74)
```
#a06441
```
#a06441 rgb(160,100,65)
```
#a86139
```
#a86139 rgb(168,97,57)
```
#b15f30
```
#b15f30 rgb(177,95,48)
```
#ba5d27
```
#ba5d27 rgb(186,93,39)
```
#c25a1f
```
#c25a1f rgb(194,90,31)
```
#cb5816
```
#cb5816 rgb(203,88,22)
```
#d4560d
```
#d4560d rgb(212,86,13)
```
#dc5305
```
#dc5305 rgb(220,83,5)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7f6e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c41 Protanopia 1% of men
#987636 Deuteranopia 1% of men
#b76268 Tritanopia 0.001% of the population

Trichromacy

#97713a Protanomaly 1% of men, 0.01% of women
#a16d33 Deuteranomaly 6% of men, 0.4% of women
#b56053 Tritanomaly 0.01% of the population

#b15f30 hex color

#b15f30 Color Information

#b15f30 Color Conversion

Color Schemes with #b15f30

Alternatives to #b15f30

#b15f30 Preview

Shades and Tints of #b15f30

Tones of #b15f30

Color Blindness Simulator