#baaf5a hex color

In a RGB color space, hex #baaf5a is composed of 72.9% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 51.6% yellow and 27.1% black. It has a hue angle of 53.1 degrees, a saturation of 41% and a lightness of 54.1%. #baaf5a color hex could be obtained by blending #ffffb4 with #755f00. Closest websafe color is: #cc9966.

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

● #baaf5a color description : Moderate yellow.

The hexadecimal color #baaf5a has RGB values of R:186, G:175, B:90 and CMYK values of C:0, M:0.06, Y:0.52, K:0.27. Its decimal value is 12234586.

Hex triplet	baaf5a	`#baaf5a`
RGB Decimal	186, 175, 90	`rgb(186,175,90)`
RGB Percent	72.9, 68.6, 35.3	`rgb(72.9%,68.6%,35.3%)`
CMYK	0, 6, 52, 27
HSL	53.1°, 41, 54.1	`hsl(53.1,41%,54.1%)`
HSV (or HSB)	53.1°, 51.6, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.759, -7.486, 44.539
XYZ	37.425, 41.838, 15.776
xyY	0.394, 0.44, 41.838
CIE-LCH	70.759, 45.163, 99.542
CIE-LUV	70.759, 11.33, 55.444
Hunter-Lab	64.682, -9.914, 30.816
Binary	10111010, 10101111, 01011010

#baaf5a
```
#baaf5a rgb(186,175,90)
```
#5a65ba
```
#5a65ba rgb(90,101,186)
```

Complementary Color

#ba7f5a
```
#ba7f5a rgb(186,127,90)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#95ba5a
```
#95ba5a rgb(149,186,90)
```

Analogous Color

#7f5aba
```
#7f5aba rgb(127,90,186)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#5a95ba
```
#5a95ba rgb(90,149,186)
```

Split Complementary Color

#af5aba
```
#af5aba rgb(175,90,186)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#5abaaf
```
#5abaaf rgb(90,186,175)
```

Triadic Color

#ba5a65
```
#ba5a65 rgb(186,90,101)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#5abaaf
```
#5abaaf rgb(90,186,175)
```
#5a65ba
```
#5a65ba rgb(90,101,186)
```

Tetradic Color

#8d833b
```
#8d833b rgb(141,131,59)
```
#9f9442
```
#9f9442 rgb(159,148,66)
```
#b1a54a
```
#b1a54a rgb(177,165,74)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#c2b86c
```
#c2b86c rgb(194,184,108)
```
#c9c07e
```
#c9c07e rgb(201,192,126)
```
#d1c990
```
#d1c990 rgb(209,201,144)
```

Monochromatic Color

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

#ba975a
```
#ba975a rgb(186,151,90)
```
#ba9f5a
```
#ba9f5a rgb(186,159,90)
```
#baa75a
```
#baa75a rgb(186,167,90)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#bab75a
```
#bab75a rgb(186,183,90)
```
#b5ba5a
```
#b5ba5a rgb(181,186,90)
```
#adba5a
```
#adba5a rgb(173,186,90)
```

Similar Colors

Text with hexadecimal color #baaf5a

This text has a font color of #baaf5a.

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

#baaf5a background color

This paragraph has a background color of #baaf5a.

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

#baaf5a border color

This element has a border color of #baaf5a.

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

CSS codes

.text {color:#baaf5a;}

.background {background-color:#baaf5a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0e06
```
#0f0e06 rgb(15,14,6)
```
#1d1b0c
```
#1d1b0c rgb(29,27,12)
```
#2a2812
```
#2a2812 rgb(42,40,18)
```
#383518
```
#383518 rgb(56,53,24)
```
#46411d
```
#46411d rgb(70,65,29)
```
#544e23
```
#544e23 rgb(84,78,35)
```
#625b29
```
#625b29 rgb(98,91,41)
```
#70682f
```
#70682f rgb(112,104,47)
```
#7d7534
```
#7d7534 rgb(125,117,52)
```
#8b823a
```
#8b823a rgb(139,130,58)
```
#998f40
```
#998f40 rgb(153,143,64)
```
#a79c46
```
#a79c46 rgb(167,156,70)
```

Shade Color Variation

#b4a84c
```
#b4a84c rgb(180,168,76)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#c0b668
```
#c0b668 rgb(192,182,104)
```
#c6bc76
```
#c6bc76 rgb(198,188,118)
```
#cbc383
```
#cbc383 rgb(203,195,131)
```
#d1ca91
```
#d1ca91 rgb(209,202,145)
```
#d7d19f
```
#d7d19f rgb(215,209,159)
```
#ddd7ad
```
#ddd7ad rgb(221,215,173)
```
#e2debb
```
#e2debb rgb(226,222,187)
```
#e8e5c9
```
#e8e5c9 rgb(232,229,201)
```
#eeebd6
```
#eeebd6 rgb(238,235,214)
```
#f4f2e4
```
#f4f2e4 rgb(244,242,228)
```
#faf9f2
```
#faf9f2 rgb(250,249,242)
```

Tint Color Variation

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

#8d8c87
```
#8d8c87 rgb(141,140,135)
```
#96937e
```
#96937e rgb(150,147,126)
```
#9f9a75
```
#9f9a75 rgb(159,154,117)
```
#a8a16c
```
#a8a16c rgb(168,161,108)
```
#b1a863
```
#b1a863 rgb(177,168,99)
```
#baaf5a
```
#baaf5a rgb(186,175,90)
```
#c3b651
```
#c3b651 rgb(195,182,81)
```
#ccbd48
```
#ccbd48 rgb(204,189,72)
```
#d5c43f
```
#d5c43f rgb(213,196,63)
```
#decb36
```
#decb36 rgb(222,203,54)
```
#e7d22d
```
#e7d22d rgb(231,210,45)
```
#f0d924
```
#f0d924 rgb(240,217,36)
```
#f9e01b
```
#f9e01b rgb(249,224,27)
```

Tone Color Variation

Below, you can see how #baaf5a 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
#acaa99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b162 Protanopia 1% of men
#d7a965 Deuteranopia 1% of men
#c6a9b5 Tritanopia 0.001% of the population

Trichromacy

#bfb05f Protanomaly 1% of men, 0.01% of women
#ccab61 Deuteranomaly 6% of men, 0.4% of women
#c2ab94 Tritanomaly 0.01% of the population

#baaf5a hex color

#baaf5a Color Information

#baaf5a Color Conversion

Color Schemes with #baaf5a

Alternatives to #baaf5a

#baaf5a Preview

Shades and Tints of #baaf5a

Tones of #baaf5a

Color Blindness Simulator