#baa60f hex color

In a RGB color space, hex #baa60f is composed of 72.9% red, 65.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 53 degrees, a saturation of 85.1% and a lightness of 39.4%. #baa60f color hex could be obtained by blending #ffff1e with #754d00. Closest websafe color is: #cc9900.

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

● #baa60f color description : Strong yellow.

The hexadecimal color #baa60f has RGB values of R:186, G:166, B:15 and CMYK values of C:0, M:0.11, Y:0.92, K:0.27. Its decimal value is 12232207.

Hex triplet	baa60f	`#baa60f`
RGB Decimal	186, 166, 15	`rgb(186,166,15)`
RGB Percent	72.9, 65.1, 5.9	`rgb(72.9%,65.1%,5.9%)`
CMYK	0, 11, 92, 27
HSL	53°, 85.1, 39.4	`hsl(53,85.1%,39.4%)`
HSV (or HSB)	53°, 91.9, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.834, -6.512, 68.652
XYZ	33.973, 37.747, 5.948
xyY	0.437, 0.486, 37.747
CIE-LCH	67.834, 68.961, 95.419
CIE-LUV	67.834, 19.434, 71.744
Hunter-Lab	61.439, -8.816, 37.267
Binary	10111010, 10100110, 00001111

#baa60f
```
#baa60f rgb(186,166,15)
```
#0f23ba
```
#0f23ba rgb(15,35,186)
```

Complementary Color

#ba510f
```
#ba510f rgb(186,81,15)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#79ba0f
```
#79ba0f rgb(121,186,15)
```

Analogous Color

#500fba
```
#500fba rgb(80,15,186)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#0f79ba
```
#0f79ba rgb(15,121,186)
```

Split Complementary Color

#a60fba
```
#a60fba rgb(166,15,186)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#0fbaa6
```
#0fbaa6 rgb(15,186,166)
```

Triadic Color

#ba0f23
```
#ba0f23 rgb(186,15,35)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#0fbaa6
```
#0fbaa6 rgb(15,186,166)
```
#0f23ba
```
#0f23ba rgb(15,35,186)
```

Tetradic Color

#736709
```
#736709 rgb(115,103,9)
```
#8b7c0b
```
#8b7c0b rgb(139,124,11)
```
#a2910d
```
#a2910d rgb(162,145,13)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#d2bb11
```
#d2bb11 rgb(210,187,17)
```
#e9d013
```
#e9d013 rgb(233,208,19)
```
#eed728
```
#eed728 rgb(238,215,40)
```

Monochromatic Color

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

#ba7b0f
```
#ba7b0f rgb(186,123,15)
```
#ba8a0f
```
#ba8a0f rgb(186,138,15)
```
#ba980f
```
#ba980f rgb(186,152,15)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#bab40f
```
#bab40f rgb(186,180,15)
```
#b2ba0f
```
#b2ba0f rgb(178,186,15)
```
#a3ba0f
```
#a3ba0f rgb(163,186,15)
```

Similar Colors

Text with hexadecimal color #baa60f

This text has a font color of #baa60f.

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

#baa60f background color

This paragraph has a background color of #baa60f.

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

#baa60f border color

This element has a border color of #baa60f.

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

CSS codes

.text {color:#baa60f;}

.background {background-color:#baa60f;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171402
```
#171402 rgb(23,20,2)
```
#292403
```
#292403 rgb(41,36,3)
```
#3b3505
```
#3b3505 rgb(59,53,5)
```
#4d4506
```
#4d4506 rgb(77,69,6)
```
#5f5508
```
#5f5508 rgb(95,85,8)
```
#716509
```
#716509 rgb(113,101,9)
```
#84750b
```
#84750b rgb(132,117,11)
```
#96860c
```
#96860c rgb(150,134,12)
```
#a8960e
```
#a8960e rgb(168,150,14)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#ccb610
```
#ccb610 rgb(204,182,16)
```
#dec612
```
#dec612 rgb(222,198,18)
```

Shade Color Variation

#ecd318
```
#ecd318 rgb(236,211,24)
```
#eed72a
```
#eed72a rgb(238,215,42)
```
#efda3c
```
#efda3c rgb(239,218,60)
```
#f1de4e
```
#f1de4e rgb(241,222,78)
```
#f2e160
```
#f2e160 rgb(242,225,96)
```
#f4e572
```
#f4e572 rgb(244,229,114)
```
#f5e884
```
#f5e884 rgb(245,232,132)
```
#f7eb97
```
#f7eb97 rgb(247,235,151)
```
#f8efa9
```
#f8efa9 rgb(248,239,169)
```
#faf2bb
```
#faf2bb rgb(250,242,187)
```
#fbf6cd
```
#fbf6cd rgb(251,246,205)
```
#fcf9df
```
#fcf9df rgb(252,249,223)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#656564
```
#656564 rgb(101,101,100)
```
#6d6b5c
```
#6d6b5c rgb(109,107,92)
```
#747155
```
#747155 rgb(116,113,85)
```
#7c774d
```
#7c774d rgb(124,119,77)
```
#847d45
```
#847d45 rgb(132,125,69)
```
#8c823d
```
#8c823d rgb(140,130,61)
```
#938836
```
#938836 rgb(147,136,54)
```
#9b8e2e
```
#9b8e2e rgb(155,142,46)
```
#a39426
```
#a39426 rgb(163,148,38)
```
#ab9a1e
```
#ab9a1e rgb(171,154,30)
```
#b2a017
```
#b2a017 rgb(178,160,23)
```
#baa60f
```
#baa60f rgb(186,166,15)
```
#c2ac07
```
#c2ac07 rgb(194,172,7)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa1b Protanopia 1% of men
#d4a124 Deuteranopia 1% of men
#c79faa Tritanopia 0.001% of the population

Trichromacy

#bca816 Protanomaly 1% of men, 0.01% of women
#caa31c Deuteranomaly 6% of men, 0.4% of women
#c2a171 Tritanomaly 0.01% of the population

#baa60f hex color

#baa60f Color Information

#baa60f Color Conversion

Color Schemes with #baa60f

Alternatives to #baa60f

#baa60f Preview

Shades and Tints of #baa60f

Tones of #baa60f

Color Blindness Simulator