#baa500 hex color

In a RGB color space, hex #baa500 is composed of 72.9% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 100% yellow and 27.1% black. It has a hue angle of 53.2 degrees, a saturation of 100% and a lightness of 36.5%. #baa500 color hex could be obtained by blending #ffff00 with #754b00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 65
- B 0
RGB color chart
- C 0
- M 11
- Y 100
- K 27
CMYK color chart

● #baa500 color description : Strong yellow.

The hexadecimal color #baa500 has RGB values of R:186, G:165, B:0 and CMYK values of C:0, M:0.11, Y:1, K:0.27. Its decimal value is 12231936.

Hex triplet	baa500	`#baa500`
RGB Decimal	186, 165, 0	`rgb(186,165,0)`
RGB Percent	72.9, 64.7, 0	`rgb(72.9%,64.7%,0%)`
CMYK	0, 11, 100, 27
HSL	53.2°, 100, 36.5	`hsl(53.2,100%,36.5%)`
HSV (or HSB)	53.2°, 100, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.539, -6.175, 70.398
XYZ	33.705, 37.351, 5.434
xyY	0.441, 0.488, 37.351
CIE-LCH	67.539, 70.668, 95.013
CIE-LUV	67.539, 20.266, 72.434
Hunter-Lab	61.115, -8.508, 37.509
Binary	10111010, 10100101, 00000000

#baa500
```
#baa500 rgb(186,165,0)
```
#0015ba
```
#0015ba rgb(0,21,186)
```

Complementary Color

#ba4800
```
#ba4800 rgb(186,72,0)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#72ba00
```
#72ba00 rgb(114,186,0)
```

Analogous Color

#4800ba
```
#4800ba rgb(72,0,186)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#0072ba
```
#0072ba rgb(0,114,186)
```

Split Complementary Color

#a500ba
```
#a500ba rgb(165,0,186)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#00baa5
```
#00baa5 rgb(0,186,165)
```

Triadic Color

#ba0015
```
#ba0015 rgb(186,0,21)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#00baa5
```
#00baa5 rgb(0,186,165)
```
#0015ba
```
#0015ba rgb(0,21,186)
```

Tetradic Color

#6e6100
```
#6e6100 rgb(110,97,0)
```
#877800
```
#877800 rgb(135,120,0)
```
#a18e00
```
#a18e00 rgb(161,142,0)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#d4bc00
```
#d4bc00 rgb(212,188,0)
```
#edd200
```
#edd200 rgb(237,210,0)
```
#ffe307
```
#ffe307 rgb(255,227,7)
```

Monochromatic Color

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

#ba7700
```
#ba7700 rgb(186,119,0)
```
#ba8600
```
#ba8600 rgb(186,134,0)
```
#ba9600
```
#ba9600 rgb(186,150,0)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#bab500
```
#bab500 rgb(186,181,0)
```
#b0ba00
```
#b0ba00 rgb(176,186,0)
```
#a1ba00
```
#a1ba00 rgb(161,186,0)
```

Similar Colors

Text with hexadecimal color #baa500

This text has a font color of #baa500.

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

#baa500 background color

This paragraph has a background color of #baa500.

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

#baa500 border color

This element has a border color of #baa500.

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

CSS codes

.text {color:#baa500;}

.background {background-color:#baa500;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1d1a00
```
#1d1a00 rgb(29,26,0)
```
#312b00
```
#312b00 rgb(49,43,0)
```
#443d00
```
#443d00 rgb(68,61,0)
```
#584e00
```
#584e00 rgb(88,78,0)
```
#6c5f00
```
#6c5f00 rgb(108,95,0)
```
#7f7100
```
#7f7100 rgb(127,113,0)
```
#938200
```
#938200 rgb(147,130,0)
```
#a69400
```
#a69400 rgb(166,148,0)
```
#baa500
```
#baa500 rgb(186,165,0)
```
#ceb600
```
#ceb600 rgb(206,182,0)
```
#e1c800
```
#e1c800 rgb(225,200,0)
```
#f5d900
```
#f5d900 rgb(245,217,0)
```

Shade Color Variation

#ffe309
```
#ffe309 rgb(255,227,9)
```
#ffe51d
```
#ffe51d rgb(255,229,29)
```
#ffe831
```
#ffe831 rgb(255,232,49)
```
#ffea44
```
#ffea44 rgb(255,234,68)
```
#ffec58
```
#ffec58 rgb(255,236,88)
```
#ffee6c
```
#ffee6c rgb(255,238,108)
```
#fff17f
```
#fff17f rgb(255,241,127)
```
#fff393
```
#fff393 rgb(255,243,147)
```
#fff5a6
```
#fff5a6 rgb(255,245,166)
```
#fff7ba
```
#fff7ba rgb(255,247,186)
```
#fff9ce
```
#fff9ce rgb(255,249,206)
```
#fffce1
```
#fffce1 rgb(255,252,225)
```
#fffef5
```
#fffef5 rgb(255,254,245)
```

Tint Color Variation

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

#646356
```
#646356 rgb(100,99,86)
```
#6b684f
```
#6b684f rgb(107,104,79)
```
#726e48
```
#726e48 rgb(114,110,72)
```
#7a7340
```
#7a7340 rgb(122,115,64)
```
#817939
```
#817939 rgb(129,121,57)
```
#887e32
```
#887e32 rgb(136,126,50)
```
#8f842b
```
#8f842b rgb(143,132,43)
```
#968924
```
#968924 rgb(150,137,36)
```
#9d8f1d
```
#9d8f1d rgb(157,143,29)
```
#a59415
```
#a59415 rgb(165,148,21)
```
#ac9a0e
```
#ac9a0e rgb(172,154,14)
```
#b39f07
```
#b39f07 rgb(179,159,7)
```
#baa500
```
#baa500 rgb(186,165,0)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f9b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda900 Protanopia 1% of men
#d3a119 Deuteranopia 1% of men
#c79ea9 Tritanopia 0.001% of the population

Trichromacy

#bca700 Protanomaly 1% of men, 0.01% of women
#caa210 Deuteranomaly 6% of men, 0.4% of women
#c2a06b Tritanomaly 0.01% of the population

#baa500 hex color

#baa500 Color Information

#baa500 Color Conversion

Color Schemes with #baa500

Alternatives to #baa500

#baa500 Preview

Shades and Tints of #baa500

Tones of #baa500

Color Blindness Simulator