#baa301 hex color

In a RGB color space, hex #baa301 is composed of 72.9% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.4% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 52.5 degrees, a saturation of 98.9% and a lightness of 36.7%. #baa301 color hex could be obtained by blending #ffff02 with #754700. Closest websafe color is: #cc9900.

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

● #baa301 color description : Strong yellow.

The hexadecimal color #baa301 has RGB values of R:186, G:163, B:1 and CMYK values of C:0, M:0.12, Y:0.99, K:0.27. Its decimal value is 12231425.

Hex triplet	baa301	`#baa301`
RGB Decimal	186, 163, 1	`rgb(186,163,1)`
RGB Percent	72.9, 63.9, 0.4	`rgb(72.9%,63.9%,0.4%)`
CMYK	0, 12, 99, 27
HSL	52.5°, 98.9, 36.7	`hsl(52.5,98.9%,36.7%)`
HSV (or HSB)	52.5°, 99.5, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.004, -5.105, 69.886
XYZ	33.353, 36.637, 5.344
xyY	0.443, 0.486, 36.637
CIE-LCH	67.004, 70.072, 94.178
CIE-LUV	67.004, 21.695, 71.594
Hunter-Lab	60.528, -7.566, 37.136
Binary	10111010, 10100011, 00000001

#baa301
```
#baa301 rgb(186,163,1)
```
#0118ba
```
#0118ba rgb(1,24,186)
```

Complementary Color

#ba4701
```
#ba4701 rgb(186,71,1)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#75ba01
```
#75ba01 rgb(117,186,1)
```

Analogous Color

#4701ba
```
#4701ba rgb(71,1,186)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#0175ba
```
#0175ba rgb(1,117,186)
```

Split Complementary Color

#a301ba
```
#a301ba rgb(163,1,186)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#01baa3
```
#01baa3 rgb(1,186,163)
```

Triadic Color

#ba0118
```
#ba0118 rgb(186,1,24)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#01baa3
```
#01baa3 rgb(1,186,163)
```
#0118ba
```
#0118ba rgb(1,24,186)
```

Tetradic Color

#6e6001
```
#6e6001 rgb(110,96,1)
```
#877701
```
#877701 rgb(135,119,1)
```
#a18d01
```
#a18d01 rgb(161,141,1)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#d3b901
```
#d3b901 rgb(211,185,1)
```
#edcf01
```
#edcf01 rgb(237,207,1)
```
#fedf0a
```
#fedf0a rgb(254,223,10)
```

Monochromatic Color

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

#ba7501
```
#ba7501 rgb(186,117,1)
```
#ba8401
```
#ba8401 rgb(186,132,1)
```
#ba9401
```
#ba9401 rgb(186,148,1)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#bab201
```
#bab201 rgb(186,178,1)
```
#b2ba01
```
#b2ba01 rgb(178,186,1)
```
#a3ba01
```
#a3ba01 rgb(163,186,1)
```

Similar Colors

Text with hexadecimal color #baa301

This text has a font color of #baa301.

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

#baa301 background color

This paragraph has a background color of #baa301.

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

#baa301 border color

This element has a border color of #baa301.

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

CSS codes

.text {color:#baa301;}

.background {background-color:#baa301;}

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

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

#0a0900
```
#0a0900 rgb(10,9,0)
```
#1e1a00
```
#1e1a00 rgb(30,26,0)
```
#312b00
```
#312b00 rgb(49,43,0)
```
#453c00
```
#453c00 rgb(69,60,0)
```
#584e00
```
#584e00 rgb(88,78,0)
```
#6c5f01
```
#6c5f01 rgb(108,95,1)
```
#7f7001
```
#7f7001 rgb(127,112,1)
```
#938101
```
#938101 rgb(147,129,1)
```
#a69201
```
#a69201 rgb(166,146,1)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#ceb401
```
#ceb401 rgb(206,180,1)
```
#e1c501
```
#e1c501 rgb(225,197,1)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```

Shade Color Variation

#fee00c
```
#fee00c rgb(254,224,12)
```
#fee21f
```
#fee21f rgb(254,226,31)
```
#fee533
```
#fee533 rgb(254,229,51)
```
#fee746
```
#fee746 rgb(254,231,70)
```
#feea5a
```
#feea5a rgb(254,234,90)
```
#feec6d
```
#feec6d rgb(254,236,109)
```
#feef81
```
#feef81 rgb(254,239,129)
```
#fef194
```
#fef194 rgb(254,241,148)
```
#fff4a8
```
#fff4a8 rgb(255,244,168)
```
#fff6bb
```
#fff6bb rgb(255,246,187)
```
#fff9cf
```
#fff9cf rgb(255,249,207)
```
#fffbe2
```
#fffbe2 rgb(255,251,226)
```
#fffef6
```
#fffef6 rgb(255,254,246)
```

Tint Color Variation

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

#646257
```
#646257 rgb(100,98,87)
```
#6b6850
```
#6b6850 rgb(107,104,80)
```
#726d49
```
#726d49 rgb(114,109,73)
```
#797242
```
#797242 rgb(121,114,66)
```
#80783b
```
#80783b rgb(128,120,59)
```
#887d33
```
#887d33 rgb(136,125,51)
```
#8f832c
```
#8f832c rgb(143,131,44)
```
#968825
```
#968825 rgb(150,136,37)
```
#9d8d1e
```
#9d8d1e rgb(157,141,30)
```
#a49317
```
#a49317 rgb(164,147,23)
```
#ac980f
```
#ac980f rgb(172,152,15)
```
#b39e08
```
#b39e08 rgb(179,158,8)
```
#baa301
```
#baa301 rgb(186,163,1)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9e9979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca809 Protanopia 1% of men
#d19f19 Deuteranopia 1% of men
#c79ca7 Tritanopia 0.001% of the population

Trichromacy

#bba606 Protanomaly 1% of men, 0.01% of women
#c9a010 Deuteranomaly 6% of men, 0.4% of women
#c29e6a Tritanomaly 0.01% of the population

#baa301 hex color

#baa301 Color Information

#baa301 Color Conversion

Color Schemes with #baa301

Alternatives to #baa301

#baa301 Preview

Shades and Tints of #baa301

Tones of #baa301

Color Blindness Simulator