#baaf99 hex color

In a RGB color space, hex #baaf99 is composed of 72.9% red, 68.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 17.7% yellow and 27.1% black. It has a hue angle of 40 degrees, a saturation of 19.3% and a lightness of 66.5%. #baaf99 color hex could be obtained by blending #ffffff with #755f33. Closest websafe color is: #cc9999.

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

● #baaf99 color description : Grayish orange.

The hexadecimal color #baaf99 has RGB values of R:186, G:175, B:153 and CMYK values of C:0, M:0.06, Y:0.18, K:0.27. Its decimal value is 12234649.

Hex triplet	baaf99	`#baaf99`
RGB Decimal	186, 175, 153	`rgb(186,175,153)`
RGB Percent	72.9, 68.6, 60	`rgb(72.9%,68.6%,60%)`
CMYK	0, 6, 18, 27
HSL	40°, 19.3, 66.5	`hsl(40,19.3%,66.5%)`
HSV (or HSB)	40°, 17.7, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.825, 0.241, 12.699
XYZ	41.329, 43.399, 36.335
xyY	0.341, 0.358, 43.399
CIE-LCH	71.825, 12.701, 88.915
CIE-LUV	71.825, 7.901, 17.834
Hunter-Lab	65.878, -3.305, 13.413
Binary	10111010, 10101111, 10011001

#baaf99
```
#baaf99 rgb(186,175,153)
```
#99a4ba
```
#99a4ba rgb(153,164,186)
```

Complementary Color

#ba9f99
```
#ba9f99 rgb(186,159,153)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#b5ba99
```
#b5ba99 rgb(181,186,153)
```

Analogous Color

#9f99ba
```
#9f99ba rgb(159,153,186)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#99b5ba
```
#99b5ba rgb(153,181,186)
```

Split Complementary Color

#af99ba
```
#af99ba rgb(175,153,186)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#99baaf
```
#99baaf rgb(153,186,175)
```

Triadic Color

#ba99a4
```
#ba99a4 rgb(186,153,164)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#99baaf
```
#99baaf rgb(153,186,175)
```
#99a4ba
```
#99a4ba rgb(153,164,186)
```

Tetradic Color

#9b8b6b
```
#9b8b6b rgb(155,139,107)
```
#a5977b
```
#a5977b rgb(165,151,123)
```
#b0a38a
```
#b0a38a rgb(176,163,138)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#c4bba8
```
#c4bba8 rgb(196,187,168)
```
#cfc7b7
```
#cfc7b7 rgb(207,199,183)
```
#d9d3c7
```
#d9d3c7 rgb(217,211,199)
```

Monochromatic Color

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

#baa799
```
#baa799 rgb(186,167,153)
```
#baaa99
```
#baaa99 rgb(186,170,153)
```
#baac99
```
#baac99 rgb(186,172,153)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#bab299
```
#bab299 rgb(186,178,153)
```
#bab599
```
#bab599 rgb(186,181,153)
```
#bab799
```
#bab799 rgb(186,183,153)
```

Similar Colors

Text with hexadecimal color #baaf99

This text has a font color of #baaf99.

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

#baaf99 background color

This paragraph has a background color of #baaf99.

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

#baaf99 border color

This element has a border color of #baaf99.

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

CSS codes

.text {color:#baaf99;}

.background {background-color:#baaf99;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0d0a
```
#0f0d0a rgb(15,13,10)
```
#1b1812
```
#1b1812 rgb(27,24,18)
```
#26221a
```
#26221a rgb(38,34,26)
```
#322d22
```
#322d22 rgb(50,45,34)
```
#3e372a
```
#3e372a rgb(62,55,42)
```
#4a4232
```
#4a4232 rgb(74,66,50)
```
#554c3a
```
#554c3a rgb(85,76,58)
```
#615642
```
#615642 rgb(97,86,66)
```
#6d6149
```
#6d6149 rgb(109,97,73)
```
#786b51
```
#786b51 rgb(120,107,81)
```
#847659
```
#847659 rgb(132,118,89)
```
#908061
```
#908061 rgb(144,128,97)
```

Shade Color Variation

#9a8a6a
```
#9a8a6a rgb(154,138,106)
```
#a29376
```
#a29376 rgb(162,147,118)
```
#aa9d82
```
#aa9d82 rgb(170,157,130)
```
#b2a68d
```
#b2a68d rgb(178,166,141)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#c2b8a5
```
#c2b8a5 rgb(194,184,165)
```
#cac1b0
```
#cac1b0 rgb(202,193,176)
```
#d2cbbc
```
#d2cbbc rgb(210,203,188)
```
#dad4c8
```
#dad4c8 rgb(218,212,200)
```
#e2ddd4
```
#e2ddd4 rgb(226,221,212)
```
#e9e6df
```
#e9e6df rgb(233,230,223)
```
#f1efeb
```
#f1efeb rgb(241,239,235)
```
#f9f8f7
```
#f9f8f7 rgb(249,248,247)
```

Tint Color Variation

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

#adaba6
```
#adaba6 rgb(173,171,166)
```
#b3ada0
```
#b3ada0 rgb(179,173,160)
```
#baaf99
```
#baaf99 rgb(186,175,153)
```
#c1b192
```
#c1b192 rgb(193,177,146)
```
#c7b38c
```
#c7b38c rgb(199,179,140)
```
#ceb685
```
#ceb685 rgb(206,182,133)
```
#d4b87f
```
#d4b87f rgb(212,184,127)
```
#dbba78
```
#dbba78 rgb(219,186,120)
```
#e1bc72
```
#e1bc72 rgb(225,188,114)
```
#e8be6b
```
#e8be6b rgb(232,190,107)
```
#efc164
```
#efc164 rgb(239,193,100)
```
#f5c35e
```
#f5c35e rgb(245,195,94)
```
#fcc557
```
#fcc557 rgb(252,197,87)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2b0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb39e Protanopia 1% of men
#ccad9f Deuteranopia 1% of men
#c1aebb Tritanopia 0.001% of the population

Trichromacy

#bbb19c Protanomaly 1% of men, 0.01% of women
#c5ae9d Deuteranomaly 6% of men, 0.4% of women
#bfaeae Tritanomaly 0.01% of the population

#baaf99 hex color

#baaf99 Color Information

#baaf99 Color Conversion

Color Schemes with #baaf99

Alternatives to #baaf99

#baaf99 Preview

Shades and Tints of #baaf99

Tones of #baaf99

Color Blindness Simulator