#b18f2c hex color

In a RGB color space, hex #b18f2c is composed of 69.4% red, 56.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.2% magenta, 75.1% yellow and 30.6% black. It has a hue angle of 44.7 degrees, a saturation of 60.2% and a lightness of 43.3%. #b18f2c color hex could be obtained by blending #ffff58 with #631f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 56
- B 17
RGB color chart
- C 0
- M 19
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #b18f2c has RGB values of R:177, G:143, B:44 and CMYK values of C:0, M:0.19, Y:0.75, K:0.31. Its decimal value is 11636524.

Hex triplet	b18f2c	`#b18f2c`
RGB Decimal	177, 143, 44	`rgb(177,143,44)`
RGB Percent	69.4, 56.1, 17.3	`rgb(69.4%,56.1%,17.3%)`
CMYK	0, 19, 75, 31
HSL	44.7°, 60.2, 43.3	`hsl(44.7,60.2%,43.3%)`
HSV (or HSB)	44.7°, 75.1, 69.4
Web Safe	999933	`#999933`

CIE-LAB	60.936, 2.684, 54.411
XYZ	28.409, 29.175, 6.518
xyY	0.443, 0.455, 29.175
CIE-LCH	60.936, 54.478, 87.176
CIE-LUV	60.936, 28.658, 57.354
Hunter-Lab	54.014, -0.642, 30.655
Binary	10110001, 10001111, 00101100

#b18f2c
```
#b18f2c rgb(177,143,44)
```
#2c4eb1
```
#2c4eb1 rgb(44,78,177)
```

Complementary Color

#b14d2c
```
#b14d2c rgb(177,77,44)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#91b12c
```
#91b12c rgb(145,177,44)
```

Analogous Color

#4d2cb1
```
#4d2cb1 rgb(77,44,177)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#2c91b1
```
#2c91b1 rgb(44,145,177)
```

Split Complementary Color

#8f2cb1
```
#8f2cb1 rgb(143,44,177)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#2cb18f
```
#2cb18f rgb(44,177,143)
```

Triadic Color

#b12c4e
```
#b12c4e rgb(177,44,78)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#2cb18f
```
#2cb18f rgb(44,177,143)
```
#2c4eb1
```
#2c4eb1 rgb(44,78,177)
```

Tetradic Color

#745e1d
```
#745e1d rgb(116,94,29)
```
#886e22
```
#886e22 rgb(136,110,34)
```
#9d7f27
```
#9d7f27 rgb(157,127,39)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#c5a031
```
#c5a031 rgb(197,160,49)
```
#d0ab40
```
#d0ab40 rgb(208,171,64)
```
#d5b455
```
#d5b455 rgb(213,180,85)
```

Monochromatic Color

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

#b16e2c
```
#b16e2c rgb(177,110,44)
```
#b1792c
```
#b1792c rgb(177,121,44)
```
#b1842c
```
#b1842c rgb(177,132,44)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#b19a2c
```
#b19a2c rgb(177,154,44)
```
#b1a52c
```
#b1a52c rgb(177,165,44)
```
#b1b02c
```
#b1b02c rgb(177,176,44)
```

Similar Colors

Text with hexadecimal color #b18f2c

This text has a font color of #b18f2c.

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

#b18f2c background color

This paragraph has a background color of #b18f2c.

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

#b18f2c border color

This element has a border color of #b18f2c.

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

CSS codes

.text {color:#b18f2c;}

.background {background-color:#b18f2c;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141005
```
#141005 rgb(20,16,5)
```
#241d09
```
#241d09 rgb(36,29,9)
```
#33290d
```
#33290d rgb(51,41,13)
```
#433611
```
#433611 rgb(67,54,17)
```
#534315
```
#534315 rgb(83,67,21)
```
#625018
```
#625018 rgb(98,80,24)
```
#725c1c
```
#725c1c rgb(114,92,28)
```
#826920
```
#826920 rgb(130,105,32)
```
#927624
```
#927624 rgb(146,118,36)
```
#a18228
```
#a18228 rgb(161,130,40)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#c19c30
```
#c19c30 rgb(193,156,48)
```

Shade Color Variation

#cda737
```
#cda737 rgb(205,167,55)
```
#d1ae47
```
#d1ae47 rgb(209,174,71)
```
#d5b556
```
#d5b556 rgb(213,181,86)
```
#d9bc66
```
#d9bc66 rgb(217,188,102)
```
#ddc376
```
#ddc376 rgb(221,195,118)
```
#e1c986
```
#e1c986 rgb(225,201,134)
```
#e5d095
```
#e5d095 rgb(229,208,149)
```
#e9d7a5
```
#e9d7a5 rgb(233,215,165)
```
#eddeb5
```
#eddeb5 rgb(237,222,181)
```
#f0e5c4
```
#f0e5c4 rgb(240,229,196)
```
#f4ecd4
```
#f4ecd4 rgb(244,236,212)
```
#f8f3e4
```
#f8f3e4 rgb(248,243,228)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#767268
```
#767268 rgb(118,114,104)
```
#7e765f
```
#7e765f rgb(126,118,95)
```
#877a57
```
#877a57 rgb(135,122,87)
```
#8f7e4e
```
#8f7e4e rgb(143,126,78)
```
#988346
```
#988346 rgb(152,131,70)
```
#a0873d
```
#a0873d rgb(160,135,61)
```
#a98b35
```
#a98b35 rgb(169,139,53)
```
#b18f2c
```
#b18f2c rgb(177,143,44)
```
#ba9324
```
#ba9324 rgb(186,147,36)
```
#c2971b
```
#c2971b rgb(194,151,27)
```
#cb9b13
```
#cb9b13 rgb(203,155,19)
```
#d3a00a
```
#d3a00a rgb(211,160,10)
```
#dca401
```
#dca401 rgb(220,164,1)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99838 Protanopia 1% of men
#bd9138 Deuteranopia 1% of men
#bc8b95 Tritanopia 0.001% of the population

Trichromacy

#ac9533 Protanomaly 1% of men, 0.01% of women
#b89033 Deuteranomaly 6% of men, 0.4% of women
#b88c6f Tritanomaly 0.01% of the population

#b18f2c hex color

#b18f2c Color Information

#b18f2c Color Conversion

Color Schemes with #b18f2c

Alternatives to #b18f2c

#b18f2c Preview

Shades and Tints of #b18f2c

Tones of #b18f2c

Color Blindness Simulator