#baa348 hex color

In a RGB color space, hex #baa348 is composed of 72.9% red, 63.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.4% magenta, 61.3% yellow and 27.1% black. It has a hue angle of 47.9 degrees, a saturation of 45.2% and a lightness of 50.6%. #baa348 color hex could be obtained by blending #ffff90 with #754700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 64
- B 28
RGB color chart
- C 0
- M 12
- Y 61
- K 27
CMYK color chart

● #baa348 color description : Moderate yellow.

The hexadecimal color #baa348 has RGB values of R:186, G:163, B:72 and CMYK values of C:0, M:0.12, Y:0.61, K:0.27. Its decimal value is 12231496.

Hex triplet	baa348	`#baa348`
RGB Decimal	186, 163, 72	`rgb(186,163,72)`
RGB Percent	72.9, 63.9, 28.2	`rgb(72.9%,63.9%,28.2%)`
CMYK	0, 12, 61, 27
HSL	47.9°, 45.2, 50.6	`hsl(47.9,45.2%,50.6%)`
HSV (or HSB)	47.9°, 61.3, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.354, -2.559, 49.246
XYZ	34.517, 37.102, 11.474
xyY	0.415, 0.447, 37.102
CIE-LCH	67.354, 49.313, 92.974
CIE-LUV	67.354, 20.051, 57.381
Hunter-Lab	60.912, -5.445, 31.47
Binary	10111010, 10100011, 01001000

#baa348
```
#baa348 rgb(186,163,72)
```
#485fba
```
#485fba rgb(72,95,186)
```

Complementary Color

#ba6a48
```
#ba6a48 rgb(186,106,72)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#98ba48
```
#98ba48 rgb(152,186,72)
```

Analogous Color

#6a48ba
```
#6a48ba rgb(106,72,186)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#4898ba
```
#4898ba rgb(72,152,186)
```

Split Complementary Color

#a348ba
```
#a348ba rgb(163,72,186)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#48baa3
```
#48baa3 rgb(72,186,163)
```

Triadic Color

#ba485f
```
#ba485f rgb(186,72,95)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#48baa3
```
#48baa3 rgb(72,186,163)
```
#485fba
```
#485fba rgb(72,95,186)
```

Tetradic Color

#847332
```
#847332 rgb(132,115,50)
```
#968339
```
#968339 rgb(150,131,57)
```
#a99440
```
#a99440 rgb(169,148,64)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#c1ac5b
```
#c1ac5b rgb(193,172,91)
```
#c8b66d
```
#c8b66d rgb(200,182,109)
```
#cfbf80
```
#cfbf80 rgb(207,191,128)
```

Monochromatic Color

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

#ba8748
```
#ba8748 rgb(186,135,72)
```
#ba9048
```
#ba9048 rgb(186,144,72)
```
#ba9a48
```
#ba9a48 rgb(186,154,72)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#baad48
```
#baad48 rgb(186,173,72)
```
#bab648
```
#bab648 rgb(186,182,72)
```
#b5ba48
```
#b5ba48 rgb(181,186,72)
```

Similar Colors

Text with hexadecimal color #baa348

This text has a font color of #baa348.

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

#baa348 background color

This paragraph has a background color of #baa348.

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

#baa348 border color

This element has a border color of #baa348.

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

CSS codes

.text {color:#baa348;}

.background {background-color:#baa348;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100e06
```
#100e06 rgb(16,14,6)
```
#1f1b0c
```
#1f1b0c rgb(31,27,12)
```
#2d2711
```
#2d2711 rgb(45,39,17)
```
#3b3416
```
#3b3416 rgb(59,52,22)
```
#49401c
```
#49401c rgb(73,64,28)
```
#584d21
```
#584d21 rgb(88,77,33)
```
#665926
```
#665926 rgb(102,89,38)
```
#74662c
```
#74662c rgb(116,102,44)
```
#827231
```
#827231 rgb(130,114,49)
```
#917e37
```
#917e37 rgb(145,126,55)
```
#9f8b3c
```
#9f8b3c rgb(159,139,60)
```
#ad9741
```
#ad9741 rgb(173,151,65)
```

Shade Color Variation

#baa348
```
#baa348 rgb(186,163,72)
```
#bfaa56
```
#bfaa56 rgb(191,170,86)
```
#c5b164
```
#c5b164 rgb(197,177,100)
```
#cab873
```
#cab873 rgb(202,184,115)
```
#cfc081
```
#cfc081 rgb(207,192,129)
```
#d5c78f
```
#d5c78f rgb(213,199,143)
```
#dace9d
```
#dace9d rgb(218,206,157)
```
#e0d5ac
```
#e0d5ac rgb(224,213,172)
```
#e5dcba
```
#e5dcba rgb(229,220,186)
```
#eae3c8
```
#eae3c8 rgb(234,227,200)
```
#f0ebd6
```
#f0ebd6 rgb(240,235,214)
```
#f5f2e5
```
#f5f2e5 rgb(245,242,229)
```
#faf9f3
```
#faf9f3 rgb(250,249,243)
```

Tint Color Variation

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

#8a8678
```
#8a8678 rgb(138,134,120)
```
#938c6f
```
#938c6f rgb(147,140,111)
```
#9d9265
```
#9d9265 rgb(157,146,101)
```
#a7975b
```
#a7975b rgb(167,151,91)
```
#b09d52
```
#b09d52 rgb(176,157,82)
```
#baa348
```
#baa348 rgb(186,163,72)
```
#c4a93e
```
#c4a93e rgb(196,169,62)
```
#cdaf35
```
#cdaf35 rgb(205,175,53)
```
#d7b42b
```
#d7b42b rgb(215,180,43)
```
#e1ba21
```
#e1ba21 rgb(225,186,33)
```
#eac018
```
#eac018 rgb(234,192,24)
```
#f4c60e
```
#f4c60e rgb(244,198,14)
```
#fecb04
```
#fecb04 rgb(254,203,4)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a5a18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa851 Protanopia 1% of men
#cea153 Deuteranopia 1% of men
#c69ea9 Tritanopia 0.001% of the population

Trichromacy

#baa64e Protanomaly 1% of men, 0.01% of women
#c7a14f Deuteranomaly 6% of men, 0.4% of women
#c1a086 Tritanomaly 0.01% of the population

#baa348 hex color

#baa348 Color Information

#baa348 Color Conversion

Color Schemes with #baa348

Alternatives to #baa348

#baa348 Preview

Shades and Tints of #baa348

Tones of #baa348

Color Blindness Simulator