#baaf60 hex color

In a RGB color space, hex #baaf60 is composed of 72.9% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 48.4% yellow and 27.1% black. It has a hue angle of 52.7 degrees, a saturation of 39.5% and a lightness of 55.3%. #baaf60 color hex could be obtained by blending #ffffc0 with #755f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 69
- B 38
RGB color chart
- C 0
- M 6
- Y 48
- K 27
CMYK color chart

● #baaf60 color description : Slightly desaturated yellow.

The hexadecimal color #baaf60 has RGB values of R:186, G:175, B:96 and CMYK values of C:0, M:0.06, Y:0.48, K:0.27. Its decimal value is 12234592.

Hex triplet	baaf60	`#baaf60`
RGB Decimal	186, 175, 96	`rgb(186,175,96)`
RGB Percent	72.9, 68.6, 37.6	`rgb(72.9%,68.6%,37.6%)`
CMYK	0, 6, 48, 27
HSL	52.7°, 39.5, 55.3	`hsl(52.7,39.5%,55.3%)`
HSV (or HSB)	52.7°, 48.4, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.833, -6.937, 41.646
XYZ	37.691, 41.944, 17.176
xyY	0.389, 0.433, 41.944
CIE-LCH	70.833, 42.22, 99.458
CIE-LUV	70.833, 11.072, 52.622
Hunter-Lab	64.764, -9.457, 29.611
Binary	10111010, 10101111, 01100000

#baaf60
```
#baaf60 rgb(186,175,96)
```
#606bba
```
#606bba rgb(96,107,186)
```

Complementary Color

#ba8260
```
#ba8260 rgb(186,130,96)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#98ba60
```
#98ba60 rgb(152,186,96)
```

Analogous Color

#8260ba
```
#8260ba rgb(130,96,186)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#6098ba
```
#6098ba rgb(96,152,186)
```

Split Complementary Color

#af60ba
```
#af60ba rgb(175,96,186)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#60baaf
```
#60baaf rgb(96,186,175)
```

Triadic Color

#ba606b
```
#ba606b rgb(186,96,107)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#60baaf
```
#60baaf rgb(96,186,175)
```
#606bba
```
#606bba rgb(96,107,186)
```

Tetradic Color

#8f853e
```
#8f853e rgb(143,133,62)
```
#a19646
```
#a19646 rgb(161,150,70)
```
#b2a64e
```
#b2a64e rgb(178,166,78)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#c2b872
```
#c2b872 rgb(194,184,114)
```
#c9c184
```
#c9c184 rgb(201,193,132)
```
#d1ca95
```
#d1ca95 rgb(209,202,149)
```

Monochromatic Color

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

#ba9960
```
#ba9960 rgb(186,153,96)
```
#baa060
```
#baa060 rgb(186,160,96)
```
#baa860
```
#baa860 rgb(186,168,96)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#bab760
```
#bab760 rgb(186,183,96)
```
#b6ba60
```
#b6ba60 rgb(182,186,96)
```
#afba60
```
#afba60 rgb(175,186,96)
```

Similar Colors

Text with hexadecimal color #baaf60

This text has a font color of #baaf60.

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

#baaf60 background color

This paragraph has a background color of #baaf60.

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

#baaf60 border color

This element has a border color of #baaf60.

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

CSS codes

.text {color:#baaf60;}

.background {background-color:#baaf60;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#131208
```
#131208 rgb(19,18,8)
```
#211e0e
```
#211e0e rgb(33,30,14)
```
#2e2b14
```
#2e2b14 rgb(46,43,20)
```
#3c381a
```
#3c381a rgb(60,56,26)
```
#4a4420
```
#4a4420 rgb(74,68,32)
```
#575126
```
#575126 rgb(87,81,38)
```
#655e2c
```
#655e2c rgb(101,94,44)
```
#736b32
```
#736b32 rgb(115,107,50)
```
#807738
```
#807738 rgb(128,119,56)
```
#8e843e
```
#8e843e rgb(142,132,62)
```
#9c9144
```
#9c9144 rgb(156,145,68)
```
#a99e49
```
#a99e49 rgb(169,158,73)
```

Shade Color Variation

#b4a852
```
#b4a852 rgb(180,168,82)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#c0b66e
```
#c0b66e rgb(192,182,110)
```
#c6bd7b
```
#c6bd7b rgb(198,189,123)
```
#ccc489
```
#ccc489 rgb(204,196,137)
```
#d2cb97
```
#d2cb97 rgb(210,203,151)
```
#d8d1a4
```
#d8d1a4 rgb(216,209,164)
```
#ded8b2
```
#ded8b2 rgb(222,216,178)
```
#e4dfc0
```
#e4dfc0 rgb(228,223,192)
```
#e9e6cd
```
#e9e6cd rgb(233,230,205)
```
#efeddb
```
#efeddb rgb(239,237,219)
```
#f5f4e9
```
#f5f4e9 rgb(245,244,233)
```
#fbfbf6
```
#fbfbf6 rgb(251,251,246)
```

Tint Color Variation

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

#8e8e8c
```
#8e8e8c rgb(142,142,140)
```
#979483
```
#979483 rgb(151,148,131)
```
#a09b7a
```
#a09b7a rgb(160,155,122)
```
#a8a272
```
#a8a272 rgb(168,162,114)
```
#b1a869
```
#b1a869 rgb(177,168,105)
```
#baaf60
```
#baaf60 rgb(186,175,96)
```
#c3b657
```
#c3b657 rgb(195,182,87)
```
#ccbc4e
```
#ccbc4e rgb(204,188,78)
```
#d4c346
```
#d4c346 rgb(212,195,70)
```
#ddca3d
```
#ddca3d rgb(221,202,61)
```
#e6d034
```
#e6d034 rgb(230,208,52)
```
#efd72b
```
#efd72b rgb(239,215,43)
```
#f7dd23
```
#f7dd23 rgb(247,221,35)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#acaa9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b167 Protanopia 1% of men
#d6a96b Deuteranopia 1% of men
#c6aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb064 Protanomaly 1% of men, 0.01% of women
#ccab67 Deuteranomaly 6% of men, 0.4% of women
#c2ab96 Tritanomaly 0.01% of the population

#baaf60 hex color

#baaf60 Color Information

#baaf60 Color Conversion

Color Schemes with #baaf60

Alternatives to #baaf60

#baaf60 Preview

Shades and Tints of #baaf60

Tones of #baaf60

Color Blindness Simulator