#b48f1d hex color

In a RGB color space, hex #b48f1d is composed of 70.6% red, 56.1% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 83.9% yellow and 29.4% black. It has a hue angle of 45.3 degrees, a saturation of 72.2% and a lightness of 41%. #b48f1d color hex could be obtained by blending #ffff3a with #691f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 56
- B 11
RGB color chart
- C 0
- M 21
- Y 84
- K 29
CMYK color chart

● #b48f1d color description : Strong yellow.

The hexadecimal color #b48f1d has RGB values of R:180, G:143, B:29 and CMYK values of C:0, M:0.21, Y:0.84, K:0.29. Its decimal value is 11833117.

Hex triplet	b48f1d	`#b48f1d`
RGB Decimal	180, 143, 29	`rgb(180,143,29)`
RGB Percent	70.6, 56.1, 11.4	`rgb(70.6%,56.1%,11.4%)`
CMYK	0, 21, 84, 29
HSL	45.3°, 72.2, 41	`hsl(45.3,72.2%,41%)`
HSV (or HSB)	45.3°, 83.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.167, 3.478, 59.911
XYZ	28.867, 29.438, 5.324
xyY	0.454, 0.463, 29.438
CIE-LCH	61.167, 60.012, 86.678
CIE-LUV	61.167, 31.447, 60.714
Hunter-Lab	54.257, 0.02, 32.162
Binary	10110100, 10001111, 00011101

#b48f1d
```
#b48f1d rgb(180,143,29)
```
#1d42b4
```
#1d42b4 rgb(29,66,180)
```

Complementary Color

#b4441d
```
#b4441d rgb(180,68,29)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#8eb41d
```
#8eb41d rgb(142,180,29)
```

Analogous Color

#441db4
```
#441db4 rgb(68,29,180)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#1d8eb4
```
#1d8eb4 rgb(29,142,180)
```

Split Complementary Color

#8f1db4
```
#8f1db4 rgb(143,29,180)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#1db48f
```
#1db48f rgb(29,180,143)
```

Triadic Color

#b41d42
```
#b41d42 rgb(180,29,66)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#1db48f
```
#1db48f rgb(29,180,143)
```
#1d42b4
```
#1d42b4 rgb(29,66,180)
```

Tetradic Color

#725b12
```
#725b12 rgb(114,91,18)
```
#886c16
```
#886c16 rgb(136,108,22)
```
#9e7e19
```
#9e7e19 rgb(158,126,25)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#caa021
```
#caa021 rgb(202,160,33)
```
#dcb028
```
#dcb028 rgb(220,176,40)
```
#e0b83e
```
#e0b83e rgb(224,184,62)
```

Monochromatic Color

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

#b4691d
```
#b4691d rgb(180,105,29)
```
#b4761d
```
#b4761d rgb(180,118,29)
```
#b4821d
```
#b4821d rgb(180,130,29)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#b49c1d
```
#b49c1d rgb(180,156,29)
```
#b4a81d
```
#b4a81d rgb(180,168,29)
```
#b3b41d
```
#b3b41d rgb(179,180,29)
```

Similar Colors

Text with hexadecimal color #b48f1d

This text has a font color of #b48f1d.

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

#b48f1d background color

This paragraph has a background color of #b48f1d.

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

#b48f1d border color

This element has a border color of #b48f1d.

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

CSS codes

.text {color:#b48f1d;}

.background {background-color:#b48f1d;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1c1605
```
#1c1605 rgb(28,22,5)
```
#2d2407
```
#2d2407 rgb(45,36,7)
```
#3e310a
```
#3e310a rgb(62,49,10)
```
#4f3e0d
```
#4f3e0d rgb(79,62,13)
```
#604c0f
```
#604c0f rgb(96,76,15)
```
#705912
```
#705912 rgb(112,89,18)
```
#816715
```
#816715 rgb(129,103,21)
```
#927418
```
#927418 rgb(146,116,24)
```
#a3821a
```
#a3821a rgb(163,130,26)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#c59c20
```
#c59c20 rgb(197,156,32)
```
#d6aa22
```
#d6aa22 rgb(214,170,34)
```

Shade Color Variation

#ddb32e
```
#ddb32e rgb(221,179,46)
```
#e0b93f
```
#e0b93f rgb(224,185,63)
```
#e3bf50
```
#e3bf50 rgb(227,191,80)
```
#e6c561
```
#e6c561 rgb(230,197,97)
```
#e8cb72
```
#e8cb72 rgb(232,203,114)
```
#ebd283
```
#ebd283 rgb(235,210,131)
```
#eed894
```
#eed894 rgb(238,216,148)
```
#f0dea5
```
#f0dea5 rgb(240,222,165)
```
#f3e4b6
```
#f3e4b6 rgb(243,228,182)
```
#f6eac6
```
#f6eac6 rgb(246,234,198)
```
#f9f0d7
```
#f9f0d7 rgb(249,240,215)
```
#fbf7e8
```
#fbf7e8 rgb(251,247,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#6c6a65
```
#6c6a65 rgb(108,106,101)
```
#746e5d
```
#746e5d rgb(116,110,93)
```
#7c7255
```
#7c7255 rgb(124,114,85)
```
#84764d
```
#84764d rgb(132,118,77)
```
#8c7b45
```
#8c7b45 rgb(140,123,69)
```
#947f3d
```
#947f3d rgb(148,127,61)
```
#9c8335
```
#9c8335 rgb(156,131,53)
```
#a4872d
```
#a4872d rgb(164,135,45)
```
#ac8b25
```
#ac8b25 rgb(172,139,37)
```
#b48f1d
```
#b48f1d rgb(180,143,29)
```
#bc9315
```
#bc9315 rgb(188,147,21)
```
#c4970d
```
#c4970d rgb(196,151,13)
```
#cc9b05
```
#cc9b05 rgb(204,155,5)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#958d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab992a Protanopia 1% of men
#be912a Deuteranopia 1% of men
#bf8b94 Tritanopia 0.001% of the population

Trichromacy

#ae9525 Protanomaly 1% of men, 0.01% of women
#ba9025 Deuteranomaly 6% of men, 0.4% of women
#bb8c69 Tritanomaly 0.01% of the population

#b48f1d hex color

#b48f1d Color Information

#b48f1d Color Conversion

Color Schemes with #b48f1d

Alternatives to #b48f1d

#b48f1d Preview

Shades and Tints of #b48f1d

Tones of #b48f1d

Color Blindness Simulator