#b48a00 hex color

In a RGB color space, hex #b48a00 is composed of 70.6% red, 54.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 100% yellow and 29.4% black. It has a hue angle of 46 degrees, a saturation of 100% and a lightness of 35.3%. #b48a00 color hex could be obtained by blending #ffff00 with #691500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 71
- G 54
- B 0
RGB color chart
- C 0
- M 23
- Y 100
- K 29
CMYK color chart

● #b48a00 color description : Strong yellow.

The hexadecimal color #b48a00 has RGB values of R:180, G:138, B:0 and CMYK values of C:0, M:0.23, Y:1, K:0.29. Its decimal value is 11831808.

Hex triplet	b48a00	`#b48a00`
RGB Decimal	180, 138, 0	`rgb(180,138,0)`
RGB Percent	70.6, 54.1, 0	`rgb(70.6%,54.1%,0%)`
CMYK	0, 23, 100, 29
HSL	46°, 100, 35.3	`hsl(46,100%,35.3%)`
HSV (or HSB)	46°, 100, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.782, 5.696, 64.665
XYZ	27.911, 27.882, 3.912
xyY	0.467, 0.467, 27.882
CIE-LCH	59.782, 64.916, 84.966
CIE-LUV	59.782, 35.746, 61.948
Hunter-Lab	52.803, 1.948, 32.57
Binary	10110100, 10001010, 00000000

#b48a00
```
#b48a00 rgb(180,138,0)
```
#002ab4
```
#002ab4 rgb(0,42,180)
```

Complementary Color

#b43000
```
#b43000 rgb(180,48,0)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#84b400
```
#84b400 rgb(132,180,0)
```

Analogous Color

#3000b4
```
#3000b4 rgb(48,0,180)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#0084b4
```
#0084b4 rgb(0,132,180)
```

Split Complementary Color

#8a00b4
```
#8a00b4 rgb(138,0,180)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#00b48a
```
#00b48a rgb(0,180,138)
```

Triadic Color

#b4002a
```
#b4002a rgb(180,0,42)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#00b48a
```
#00b48a rgb(0,180,138)
```
#002ab4
```
#002ab4 rgb(0,42,180)
```

Tetradic Color

#684f00
```
#684f00 rgb(104,79,0)
```
#816300
```
#816300 rgb(129,99,0)
```
#9b7600
```
#9b7600 rgb(155,118,0)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#ce9e00
```
#ce9e00 rgb(206,158,0)
```
#e7b100
```
#e7b100 rgb(231,177,0)
```
#ffc401
```
#ffc401 rgb(255,196,1)
```

Monochromatic Color

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

#b45d00
```
#b45d00 rgb(180,93,0)
```
#b46c00
```
#b46c00 rgb(180,108,0)
```
#b47b00
```
#b47b00 rgb(180,123,0)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#b49900
```
#b49900 rgb(180,153,0)
```
#b4a800
```
#b4a800 rgb(180,168,0)
```
#b1b400
```
#b1b400 rgb(177,180,0)
```

Similar Colors

Text with hexadecimal color #b48a00

This text has a font color of #b48a00.

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

#b48a00 background color

This paragraph has a background color of #b48a00.

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

#b48a00 border color

This element has a border color of #b48a00.

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

CSS codes

.text {color:#b48a00;}

.background {background-color:#b48a00;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2b2100
```
#2b2100 rgb(43,33,0)
```
#3e3000
```
#3e3000 rgb(62,48,0)
```
#523f00
```
#523f00 rgb(82,63,0)
```
#664e00
```
#664e00 rgb(102,78,0)
```
#795d00
```
#795d00 rgb(121,93,0)
```
#8d6c00
```
#8d6c00 rgb(141,108,0)
```
#a07b00
```
#a07b00 rgb(160,123,0)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```
#c89900
```
#c89900 rgb(200,153,0)
```
#dba800
```
#dba800 rgb(219,168,0)
```
#efb700
```
#efb700 rgb(239,183,0)
```

Shade Color Variation

#ffc403
```
#ffc403 rgb(255,196,3)
```
#ffc917
```
#ffc917 rgb(255,201,23)
```
#ffcd2b
```
#ffcd2b rgb(255,205,43)
```
#ffd23e
```
#ffd23e rgb(255,210,62)
```
#ffd752
```
#ffd752 rgb(255,215,82)
```
#ffdb66
```
#ffdb66 rgb(255,219,102)
```
#ffe079
```
#ffe079 rgb(255,224,121)
```
#ffe48d
```
#ffe48d rgb(255,228,141)
```
#ffe9a0
```
#ffe9a0 rgb(255,233,160)
```
#ffeeb4
```
#ffeeb4 rgb(255,238,180)
```
#fff2c8
```
#fff2c8 rgb(255,242,200)
```
#fff7db
```
#fff7db rgb(255,247,219)
```
#fffbef
```
#fffbef rgb(255,251,239)
```

Tint Color Variation

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

#615e53
```
#615e53 rgb(97,94,83)
```
#68614c
```
#68614c rgb(104,97,76)
```
#6f6545
```
#6f6545 rgb(111,101,69)
```
#76693e
```
#76693e rgb(118,105,62)
```
#7d6c37
```
#7d6c37 rgb(125,108,55)
```
#847030
```
#847030 rgb(132,112,48)
```
#8a742a
```
#8a742a rgb(138,116,42)
```
#917823
```
#917823 rgb(145,120,35)
```
#987b1c
```
#987b1c rgb(152,123,28)
```
#9f7f15
```
#9f7f15 rgb(159,127,21)
```
#a6830e
```
#a6830e rgb(166,131,14)
```
#ad8607
```
#ad8607 rgb(173,134,7)
```
#b48a00
```
#b48a00 rgb(180,138,0)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#90886c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8960b Protanopia 1% of men
#bb8e0b Deuteranopia 1% of men
#bf868f Tritanopia 0.001% of the population

Trichromacy

#ac9107 Protanomaly 1% of men, 0.01% of women
#b88c07 Deuteranomaly 6% of men, 0.4% of women
#bb875b Tritanomaly 0.01% of the population

#b48a00 hex color

#b48a00 Color Information

#b48a00 Color Conversion

Color Schemes with #b48a00

Alternatives to #b48a00

#b48a00 Preview

Shades and Tints of #b48a00

Tones of #b48a00

Color Blindness Simulator