#baa314 hex color

In a RGB color space, hex #baa314 is composed of 72.9% red, 63.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.4% magenta, 89.2% yellow and 27.1% black. It has a hue angle of 51.7 degrees, a saturation of 80.6% and a lightness of 40.4%. #baa314 color hex could be obtained by blending #ffff28 with #754700. Closest websafe color is: #cc9900.

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

● #baa314 color description : Strong yellow.

The hexadecimal color #baa314 has RGB values of R:186, G:163, B:20 and CMYK values of C:0, M:0.12, Y:0.89, K:0.27. Its decimal value is 12231444.

Hex triplet	baa314	`#baa314`
RGB Decimal	186, 163, 20	`rgb(186,163,20)`
RGB Percent	72.9, 63.9, 7.8	`rgb(72.9%,63.9%,7.8%)`
CMYK	0, 12, 89, 27
HSL	51.7°, 80.6, 40.4	`hsl(51.7,80.6%,40.4%)`
HSV (or HSB)	51.7°, 89.2, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.04, -4.837, 67.152
XYZ	33.474, 36.685, 5.98
xyY	0.44, 0.482, 36.685
CIE-LCH	67.04, 67.326, 94.12
CIE-LUV	67.04, 21.518, 70.067
Hunter-Lab	60.568, -7.345, 36.544
Binary	10111010, 10100011, 00010100

#baa314
```
#baa314 rgb(186,163,20)
```
#142bba
```
#142bba rgb(20,43,186)
```

Complementary Color

#ba5014
```
#ba5014 rgb(186,80,20)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#7eba14
```
#7eba14 rgb(126,186,20)
```

Analogous Color

#5014ba
```
#5014ba rgb(80,20,186)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#147eba
```
#147eba rgb(20,126,186)
```

Split Complementary Color

#a314ba
```
#a314ba rgb(163,20,186)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#14baa3
```
#14baa3 rgb(20,186,163)
```

Triadic Color

#ba142b
```
#ba142b rgb(186,20,43)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#14baa3
```
#14baa3 rgb(20,186,163)
```
#142bba
```
#142bba rgb(20,43,186)
```

Tetradic Color

#75660d
```
#75660d rgb(117,102,13)
```
#8c7b0f
```
#8c7b0f rgb(140,123,15)
```
#a38f12
```
#a38f12 rgb(163,143,18)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#d1b716
```
#d1b716 rgb(209,183,22)
```
#e6ca1b
```
#e6ca1b rgb(230,202,27)
```
#e9d032
```
#e9d032 rgb(233,208,50)
```

Monochromatic Color

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

#ba7a14
```
#ba7a14 rgb(186,122,20)
```
#ba8714
```
#ba8714 rgb(186,135,20)
```
#ba9514
```
#ba9514 rgb(186,149,20)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#bab114
```
#bab114 rgb(186,177,20)
```
#b5ba14
```
#b5ba14 rgb(181,186,20)
```
#a8ba14
```
#a8ba14 rgb(168,186,20)
```

Similar Colors

Text with hexadecimal color #baa314

This text has a font color of #baa314.

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

#baa314 background color

This paragraph has a background color of #baa314.

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

#baa314 border color

This element has a border color of #baa314.

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

CSS codes

.text {color:#baa314;}

.background {background-color:#baa314;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1b1703
```
#1b1703 rgb(27,23,3)
```
#2c2705
```
#2c2705 rgb(44,39,5)
```
#3e3607
```
#3e3607 rgb(62,54,7)
```
#504609
```
#504609 rgb(80,70,9)
```
#61550a
```
#61550a rgb(97,85,10)
```
#73650c
```
#73650c rgb(115,101,12)
```
#85740e
```
#85740e rgb(133,116,14)
```
#978410
```
#978410 rgb(151,132,16)
```
#a89312
```
#a89312 rgb(168,147,18)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#ccb316
```
#ccb316 rgb(204,179,22)
```
#ddc218
```
#ddc218 rgb(221,194,24)
```

Shade Color Variation

#e7cc22
```
#e7cc22 rgb(231,204,34)
```
#e9d033
```
#e9d033 rgb(233,208,51)
```
#ebd445
```
#ebd445 rgb(235,212,69)
```
#edd857
```
#edd857 rgb(237,216,87)
```
#efdc68
```
#efdc68 rgb(239,220,104)
```
#f1e07a
```
#f1e07a rgb(241,224,122)
```
#f3e48c
```
#f3e48c rgb(243,228,140)
```
#f5e89e
```
#f5e89e rgb(245,232,158)
```
#f6edaf
```
#f6edaf rgb(246,237,175)
```
#f8f1c1
```
#f8f1c1 rgb(248,241,193)
```
#faf5d3
```
#faf5d3 rgb(250,245,211)
```
#fcf9e4
```
#fcf9e4 rgb(252,249,228)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#6b6a63
```
#6b6a63 rgb(107,106,99)
```
#736f5b
```
#736f5b rgb(115,111,91)
```
#7b7553
```
#7b7553 rgb(123,117,83)
```
#837b4b
```
#837b4b rgb(131,123,75)
```
#8a8144
```
#8a8144 rgb(138,129,68)
```
#92863c
```
#92863c rgb(146,134,60)
```
#9a8c34
```
#9a8c34 rgb(154,140,52)
```
#a2922c
```
#a2922c rgb(162,146,44)
```
#aa9824
```
#aa9824 rgb(170,152,36)
```
#b29d1c
```
#b29d1c rgb(178,157,28)
```
#baa314
```
#baa314 rgb(186,163,20)
```
#c2a90c
```
#c2a90c rgb(194,169,12)
```
#caae04
```
#caae04 rgb(202,174,4)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a09c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca820 Protanopia 1% of men
#d19f26 Deuteranopia 1% of men
#c79ca7 Tritanopia 0.001% of the population

Trichromacy

#bba61b Protanomaly 1% of men, 0.01% of women
#c8a11f Deuteranomaly 6% of men, 0.4% of women
#c29f72 Tritanomaly 0.01% of the population

#baa314 hex color

#baa314 Color Information

#baa314 Color Conversion

Color Schemes with #baa314

Alternatives to #baa314

#baa314 Preview

Shades and Tints of #baa314

Tones of #baa314

Color Blindness Simulator