#baa063 hex color

In a RGB color space, hex #baa063 is composed of 72.9% red, 62.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 46.8% yellow and 27.1% black. It has a hue angle of 42.1 degrees, a saturation of 38.7% and a lightness of 55.9%. #baa063 color hex could be obtained by blending #ffffc6 with #754100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 63
- B 39
RGB color chart
- C 0
- M 14
- Y 47
- K 27
CMYK color chart

● #baa063 color description : Slightly desaturated orange.

The hexadecimal color #baa063 has RGB values of R:186, G:160, B:99 and CMYK values of C:0, M:0.14, Y:0.47, K:0.27. Its decimal value is 12230755.

Hex triplet	baa063	`#baa063`
RGB Decimal	186, 160, 99	`rgb(186,160,99)`
RGB Percent	72.9, 62.7, 38.8	`rgb(72.9%,62.7%,38.8%)`
CMYK	0, 14, 47, 27
HSL	42.1°, 38.7, 55.9	`hsl(42.1,38.7%,55.9%)`
HSV (or HSB)	42.1°, 46.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.887, 1.358, 35.218
XYZ	35.073, 36.483, 16.998
xyY	0.396, 0.412, 36.483
CIE-LCH	66.887, 35.244, 87.792
CIE-LUV	66.887, 20.591, 43.584
Hunter-Lab	60.401, -2.053, 25.595
Binary	10111010, 10100000, 01100011

#baa063
```
#baa063 rgb(186,160,99)
```
#637dba
```
#637dba rgb(99,125,186)
```

Complementary Color

#ba7563
```
#ba7563 rgb(186,117,99)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#a9ba63
```
#a9ba63 rgb(169,186,99)
```

Analogous Color

#7563ba
```
#7563ba rgb(117,99,186)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#63a9ba
```
#63a9ba rgb(99,169,186)
```

Split Complementary Color

#a063ba
```
#a063ba rgb(160,99,186)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#63baa0
```
#63baa0 rgb(99,186,160)
```

Triadic Color

#ba637d
```
#ba637d rgb(186,99,125)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#63baa0
```
#63baa0 rgb(99,186,160)
```
#637dba
```
#637dba rgb(99,125,186)
```

Tetradic Color

#917840
```
#917840 rgb(145,120,64)
```
#a28748
```
#a28748 rgb(162,135,72)
```
#b29551
```
#b29551 rgb(178,149,81)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#c2ab75
```
#c2ab75 rgb(194,171,117)
```
#cab686
```
#cab686 rgb(202,182,134)
```
#d1c098
```
#d1c098 rgb(209,192,152)
```

Monochromatic Color

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

#ba8a63
```
#ba8a63 rgb(186,138,99)
```
#ba9263
```
#ba9263 rgb(186,146,99)
```
#ba9963
```
#ba9963 rgb(186,153,99)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#baa763
```
#baa763 rgb(186,167,99)
```
#baaf63
```
#baaf63 rgb(186,175,99)
```
#bab663
```
#bab663 rgb(186,182,99)
```

Similar Colors

Text with hexadecimal color #baa063

This text has a font color of #baa063.

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

#baa063 background color

This paragraph has a background color of #baa063.

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

#baa063 border color

This element has a border color of #baa063.

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

CSS codes

.text {color:#baa063;}

.background {background-color:#baa063;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#151109
```
#151109 rgb(21,17,9)
```
#221d0f
```
#221d0f rgb(34,29,15)
```
#302815
```
#302815 rgb(48,40,21)
```
#3e331b
```
#3e331b rgb(62,51,27)
```
#4b3f21
```
#4b3f21 rgb(75,63,33)
```
#594a27
```
#594a27 rgb(89,74,39)
```
#66552d
```
#66552d rgb(102,85,45)
```
#746133
```
#746133 rgb(116,97,51)
```
#826c39
```
#826c39 rgb(130,108,57)
```
#8f773f
```
#8f773f rgb(143,119,63)
```
#9d8345
```
#9d8345 rgb(157,131,69)
```
#aa8e4b
```
#aa8e4b rgb(170,142,75)
```

Shade Color Variation

#b49855
```
#b49855 rgb(180,152,85)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#c0a871
```
#c0a871 rgb(192,168,113)
```
#c6b17e
```
#c6b17e rgb(198,177,126)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#d2c199
```
#d2c199 rgb(210,193,153)
```
#d8c9a7
```
#d8c9a7 rgb(216,201,167)
```
#ded2b5
```
#ded2b5 rgb(222,210,181)
```
#e4dac2
```
#e4dac2 rgb(228,218,194)
```
#eae2d0
```
#eae2d0 rgb(234,226,208)
```
#f0ebdd
```
#f0ebdd rgb(240,235,221)
```
#f6f3eb
```
#f6f3eb rgb(246,243,235)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#8f8f8e
```
#8f8f8e rgb(143,143,142)
```
#979286
```
#979286 rgb(151,146,134)
```
#a0967d
```
#a0967d rgb(160,150,125)
```
#a99974
```
#a99974 rgb(169,153,116)
```
#b19d6c
```
#b19d6c rgb(177,157,108)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#c3a35a
```
#c3a35a rgb(195,163,90)
```
#cba752
```
#cba752 rgb(203,167,82)
```
#d4aa49
```
#d4aa49 rgb(212,170,73)
```
#ddae40
```
#ddae40 rgb(221,174,64)
```
#e5b138
```
#e5b138 rgb(229,177,56)
```
#eeb52f
```
#eeb52f rgb(238,181,47)
```
#f7b826
```
#f7b826 rgb(247,184,38)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a6a195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a76c Protanopia 1% of men
#c8a06c Deuteranopia 1% of men
#c49da8 Tritanopia 0.001% of the population

Trichromacy

#b7a468 Protanomaly 1% of men, 0.01% of women
#c3a069 Deuteranomaly 6% of men, 0.4% of women
#c09e8f Tritanomaly 0.01% of the population

#baa063 hex color

#baa063 Color Information

#baa063 Color Conversion

Color Schemes with #baa063

Alternatives to #baa063

#baa063 Preview

Shades and Tints of #baa063

Tones of #baa063

Color Blindness Simulator