#baaf90 hex color

In a RGB color space, hex #baaf90 is composed of 72.9% red, 68.6% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 22.6% yellow and 27.1% black. It has a hue angle of 44.3 degrees, a saturation of 23.3% and a lightness of 64.7%. #baaf90 color hex could be obtained by blending #ffffff with #755f21. Closest websafe color is: #cc9999.

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

● #baaf90 color description : Grayish orange.

The hexadecimal color #baaf90 has RGB values of R:186, G:175, B:144 and CMYK values of C:0, M:0.06, Y:0.23, K:0.27. Its decimal value is 12234640.

Hex triplet	baaf90	`#baaf90`
RGB Decimal	186, 175, 144	`rgb(186,175,144)`
RGB Percent	72.9, 68.6, 56.5	`rgb(72.9%,68.6%,56.5%)`
CMYK	0, 6, 23, 27
HSL	44.3°, 23.3, 64.7	`hsl(44.3,23.3%,64.7%)`
HSV (or HSB)	44.3°, 22.6, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.632, -1.124, 17.337
XYZ	40.613, 43.113, 32.566
xyY	0.349, 0.371, 43.113
CIE-LCH	71.632, 17.374, 93.71
CIE-LUV	71.632, 8.477, 24.164
Hunter-Lab	65.661, -4.499, 16.556
Binary	10111010, 10101111, 10010000

#baaf90
```
#baaf90 rgb(186,175,144)
```
#909bba
```
#909bba rgb(144,155,186)
```

Complementary Color

#ba9a90
```
#ba9a90 rgb(186,154,144)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#b0ba90
```
#b0ba90 rgb(176,186,144)
```

Analogous Color

#9a90ba
```
#9a90ba rgb(154,144,186)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#90b0ba
```
#90b0ba rgb(144,176,186)
```

Split Complementary Color

#af90ba
```
#af90ba rgb(175,144,186)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#90baaf
```
#90baaf rgb(144,186,175)
```

Triadic Color

#ba909b
```
#ba909b rgb(186,144,155)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#90baaf
```
#90baaf rgb(144,186,175)
```
#909bba
```
#909bba rgb(144,155,186)
```

Tetradic Color

#9c8d61
```
#9c8d61 rgb(156,141,97)
```
#a69871
```
#a69871 rgb(166,152,113)
```
#b0a480
```
#b0a480 rgb(176,164,128)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#c4baa0
```
#c4baa0 rgb(196,186,160)
```
#cec6af
```
#cec6af rgb(206,198,175)
```
#d7d1bf
```
#d7d1bf rgb(215,209,191)
```

Monochromatic Color

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

#baa590
```
#baa590 rgb(186,165,144)
```
#baa890
```
#baa890 rgb(186,168,144)
```
#baac90
```
#baac90 rgb(186,172,144)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#bab390
```
#bab390 rgb(186,179,144)
```
#bab690
```
#bab690 rgb(186,182,144)
```
#baba90
```
#baba90 rgb(186,186,144)
```

Similar Colors

Text with hexadecimal color #baaf90

This text has a font color of #baaf90.

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

#baaf90 background color

This paragraph has a background color of #baaf90.

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

#baaf90 border color

This element has a border color of #baaf90.

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

CSS codes

.text {color:#baaf90;}

.background {background-color:#baaf90;}

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#16140e
```
#16140e rgb(22,20,14)
```
#221f15
```
#221f15 rgb(34,31,21)
```
#2e2a1d
```
#2e2a1d rgb(46,42,29)
```
#3a3524
```
#3a3524 rgb(58,53,36)
```
#463f2c
```
#463f2c rgb(70,63,44)
```
#534a33
```
#534a33 rgb(83,74,51)
```
#5f553b
```
#5f553b rgb(95,85,59)
```
#6b6042
```
#6b6042 rgb(107,96,66)
```
#776b4a
```
#776b4a rgb(119,107,74)
```
#837651
```
#837651 rgb(131,118,81)
```
#8f8159
```
#8f8159 rgb(143,129,89)
```
#9b8c60
```
#9b8c60 rgb(155,140,96)
```

Shade Color Variation

#a3956c
```
#a3956c rgb(163,149,108)
```
#ab9e78
```
#ab9e78 rgb(171,158,120)
```
#b2a684
```
#b2a684 rgb(178,166,132)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#c2b89c
```
#c2b89c rgb(194,184,156)
```
#c9c0a8
```
#c9c0a8 rgb(201,192,168)
```
#d1c9b4
```
#d1c9b4 rgb(209,201,180)
```
#d8d2c0
```
#d8d2c0 rgb(216,210,192)
```
#e0dbcc
```
#e0dbcc rgb(224,219,204)
```
#e7e3d9
```
#e7e3d9 rgb(231,227,217)
```
#efece5
```
#efece5 rgb(239,236,229)
```
#f6f5f1
```
#f6f5f1 rgb(246,245,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a5a5a5
```
#a5a5a5 rgb(165,165,165)
```
#aca89e
```
#aca89e rgb(172,168,158)
```
#b3ac97
```
#b3ac97 rgb(179,172,151)
```
#baaf90
```
#baaf90 rgb(186,175,144)
```
#c1b289
```
#c1b289 rgb(193,178,137)
```
#c8b682
```
#c8b682 rgb(200,182,130)
```
#cfb97b
```
#cfb97b rgb(207,185,123)
```
#d6bc74
```
#d6bc74 rgb(214,188,116)
```
#ddbf6d
```
#ddbf6d rgb(221,191,109)
```
#e4c366
```
#e4c366 rgb(228,195,102)
```
#eac660
```
#eac660 rgb(234,198,96)
```
#f1c959
```
#f1c959 rgb(241,201,89)
```
#f8cd52
```
#f8cd52 rgb(248,205,82)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b1afa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb395 Protanopia 1% of men
#cead97 Deuteranopia 1% of men
#c2adba Tritanopia 0.001% of the population

Trichromacy

#bcb193 Protanomaly 1% of men, 0.01% of women
#c6ad94 Deuteranomaly 6% of men, 0.4% of women
#bfaeaa Tritanomaly 0.01% of the population

#baaf90 hex color

#baaf90 Color Information

#baaf90 Color Conversion

Color Schemes with #baaf90

Alternatives to #baaf90

#baaf90 Preview

Shades and Tints of #baaf90

Tones of #baaf90

Color Blindness Simulator