#baaf64 hex color

In a RGB color space, hex #baaf64 is composed of 72.9% red, 68.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 46.2% yellow and 27.1% black. It has a hue angle of 52.3 degrees, a saturation of 38.4% and a lightness of 56.1%. #baaf64 color hex could be obtained by blending #ffffc8 with #755f00. Closest websafe color is: #cc9966.

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

● #baaf64 color description : Slightly desaturated yellow.

The hexadecimal color #baaf64 has RGB values of R:186, G:175, B:100 and CMYK values of C:0, M:0.06, Y:0.46, K:0.27. Its decimal value is 12234596.

Hex triplet	baaf64	`#baaf64`
RGB Decimal	186, 175, 100	`rgb(186,175,100)`
RGB Percent	72.9, 68.6, 39.2	`rgb(72.9%,68.6%,39.2%)`
CMYK	0, 6, 46, 27
HSL	52.3°, 38.4, 56.1	`hsl(52.3,38.4%,56.1%)`
HSV (or HSB)	52.3°, 46.2, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.885, -6.549, 39.688
XYZ	37.88, 42.02, 18.171
xyY	0.386, 0.428, 42.02
CIE-LCH	70.885, 40.225, 99.37
CIE-LUV	70.885, 10.891, 50.642
Hunter-Lab	64.823, -9.132, 28.756
Binary	10111010, 10101111, 01100100

#baaf64
```
#baaf64 rgb(186,175,100)
```
#646fba
```
#646fba rgb(100,111,186)
```

Complementary Color

#ba8464
```
#ba8464 rgb(186,132,100)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#9aba64
```
#9aba64 rgb(154,186,100)
```

Analogous Color

#8464ba
```
#8464ba rgb(132,100,186)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#649aba
```
#649aba rgb(100,154,186)
```

Split Complementary Color

#af64ba
```
#af64ba rgb(175,100,186)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#64baaf
```
#64baaf rgb(100,186,175)
```

Triadic Color

#ba646f
```
#ba646f rgb(186,100,111)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#64baaf
```
#64baaf rgb(100,186,175)
```
#646fba
```
#646fba rgb(100,111,186)
```

Tetradic Color

#918741
```
#918741 rgb(145,135,65)
```
#a39748
```
#a39748 rgb(163,151,72)
```
#b2a652
```
#b2a652 rgb(178,166,82)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#c2b876
```
#c2b876 rgb(194,184,118)
```
#cac187
```
#cac187 rgb(202,193,135)
```
#d2ca99
```
#d2ca99 rgb(210,202,153)
```

Monochromatic Color

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

#ba9a64
```
#ba9a64 rgb(186,154,100)
```
#baa164
```
#baa164 rgb(186,161,100)
```
#baa864
```
#baa864 rgb(186,168,100)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#bab664
```
#bab664 rgb(186,182,100)
```
#b7ba64
```
#b7ba64 rgb(183,186,100)
```
#b0ba64
```
#b0ba64 rgb(176,186,100)
```

Similar Colors

Text with hexadecimal color #baaf64

This text has a font color of #baaf64.

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

#baaf64 background color

This paragraph has a background color of #baaf64.

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

#baaf64 border color

This element has a border color of #baaf64.

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

CSS codes

.text {color:#baaf64;}

.background {background-color:#baaf64;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#15140a
```
#15140a rgb(21,20,10)
```
#232110
```
#232110 rgb(35,33,16)
```
#312d16
```
#312d16 rgb(49,45,22)
```
#3e3a1c
```
#3e3a1c rgb(62,58,28)
```
#4c4622
```
#4c4622 rgb(76,70,34)
```
#595328
```
#595328 rgb(89,83,40)
```
#67602e
```
#67602e rgb(103,96,46)
```
#746c34
```
#746c34 rgb(116,108,52)
```
#82793a
```
#82793a rgb(130,121,58)
```
#908540
```
#908540 rgb(144,133,64)
```
#9d9246
```
#9d9246 rgb(157,146,70)
```
#ab9f4c
```
#ab9f4c rgb(171,159,76)
```

Shade Color Variation

#b4a856
```
#b4a856 rgb(180,168,86)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#c0b672
```
#c0b672 rgb(192,182,114)
```
#c6bd7f
```
#c6bd7f rgb(198,189,127)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#d2cb9a
```
#d2cb9a rgb(210,203,154)
```
#d8d2a8
```
#d8d2a8 rgb(216,210,168)
```
#ded9b5
```
#ded9b5 rgb(222,217,181)
```
#e4e0c3
```
#e4e0c3 rgb(228,224,195)
```
#eae7d1
```
#eae7d1 rgb(234,231,209)
```
#f0eede
```
#f0eede rgb(240,238,222)
```
#f6f5ec
```
#f6f5ec rgb(246,245,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#989586
```
#989586 rgb(152,149,134)
```
#a09c7e
```
#a09c7e rgb(160,156,126)
```
#a9a275
```
#a9a275 rgb(169,162,117)
```
#b1a96d
```
#b1a96d rgb(177,169,109)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#c3b55b
```
#c3b55b rgb(195,181,91)
```
#cbbc53
```
#cbbc53 rgb(203,188,83)
```
#d4c24a
```
#d4c24a rgb(212,194,74)
```
#dcc942
```
#dcc942 rgb(220,201,66)
```
#e5cf39
```
#e5cf39 rgb(229,207,57)
```
#eed530
```
#eed530 rgb(238,213,48)
```
#f6dc28
```
#f6dc28 rgb(246,220,40)
```
#ffe21f
```
#ffe21f rgb(255,226,31)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#adab9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b16b Protanopia 1% of men
#d5aa6e Deuteranopia 1% of men
#c6aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb068 Protanomaly 1% of men, 0.01% of women
#cbab6a Deuteranomaly 6% of men, 0.4% of women
#c1ac98 Tritanomaly 0.01% of the population

#baaf64 hex color

#baaf64 Color Information

#baaf64 Color Conversion

Color Schemes with #baaf64

Alternatives to #baaf64

#baaf64 Preview

Shades and Tints of #baaf64

Tones of #baaf64

Color Blindness Simulator