#b2ae60 hex color

In a RGB color space, hex #b2ae60 is composed of 69.8% red, 68.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 46.1% yellow and 30.2% black. It has a hue angle of 57.1 degrees, a saturation of 34.7% and a lightness of 53.7%. #b2ae60 color hex could be obtained by blending #ffffc0 with #655d00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 68
- B 38
RGB color chart
- C 0
- M 2
- Y 46
- K 30
CMYK color chart

● #b2ae60 color description : Dark moderate yellow.

The hexadecimal color #b2ae60 has RGB values of R:178, G:174, B:96 and CMYK values of C:0, M:0.02, Y:0.46, K:0.3. Its decimal value is 11710048.

Hex triplet	b2ae60	`#b2ae60`
RGB Decimal	178, 174, 96	`rgb(178,174,96)`
RGB Percent	69.8, 68.2, 37.6	`rgb(69.8%,68.2%,37.6%)`
CMYK	0, 2, 46, 30
HSL	57.1°, 34.7, 53.7	`hsl(57.1,34.7%,53.7%)`
HSV (or HSB)	57.1°, 46.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	69.882, -9.739, 40.33
XYZ	35.607, 40.582, 17.023
xyY	0.382, 0.435, 40.582
CIE-LCH	69.882, 41.489, 103.576
CIE-LUV	69.882, 6.335, 51.673
Hunter-Lab	63.704, -11.71, 28.749
Binary	10110010, 10101110, 01100000

#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#6064b2
```
#6064b2 rgb(96,100,178)
```

Complementary Color

#b28560
```
#b28560 rgb(178,133,96)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#8db260
```
#8db260 rgb(141,178,96)
```

Analogous Color

#8560b2
```
#8560b2 rgb(133,96,178)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#608db2
```
#608db2 rgb(96,141,178)
```

Split Complementary Color

#ae60b2
```
#ae60b2 rgb(174,96,178)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#60b2ae
```
#60b2ae rgb(96,178,174)
```

Triadic Color

#b26064
```
#b26064 rgb(178,96,100)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#60b2ae
```
#60b2ae rgb(96,178,174)
```
#6064b2
```
#6064b2 rgb(96,100,178)
```

Tetradic Color

#858240
```
#858240 rgb(133,130,64)
```
#969249
```
#969249 rgb(150,146,73)
```
#a7a351
```
#a7a351 rgb(167,163,81)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#bab771
```
#bab771 rgb(186,183,113)
```
#c3c082
```
#c3c082 rgb(195,192,130)
```
#cbc894
```
#cbc894 rgb(203,200,148)
```

Monochromatic Color

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

#b29a60
```
#b29a60 rgb(178,154,96)
```
#b2a060
```
#b2a060 rgb(178,160,96)
```
#b2a760
```
#b2a760 rgb(178,167,96)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#afb260
```
#afb260 rgb(175,178,96)
```
#a8b260
```
#a8b260 rgb(168,178,96)
```
#a2b260
```
#a2b260 rgb(162,178,96)
```

Similar Colors

Text with hexadecimal color #b2ae60

This text has a font color of #b2ae60.

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

#b2ae60 background color

This paragraph has a background color of #b2ae60.

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

#b2ae60 border color

This element has a border color of #b2ae60.

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

CSS codes

.text {color:#b2ae60;}

.background {background-color:#b2ae60;}

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

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

#0d0c06
```
#0d0c06 rgb(13,12,6)
```
#1a190d
```
#1a190d rgb(26,25,13)
```
#272613
```
#272613 rgb(39,38,19)
```
#343319
```
#343319 rgb(52,51,25)
```
#424020
```
#424020 rgb(66,64,32)
```
#4f4d26
```
#4f4d26 rgb(79,77,38)
```
#5c5a2d
```
#5c5a2d rgb(92,90,45)
```
#696733
```
#696733 rgb(105,103,51)
```
#777439
```
#777439 rgb(119,116,57)
```
#848040
```
#848040 rgb(132,128,64)
```
#918d46
```
#918d46 rgb(145,141,70)
```
#9e9a4d
```
#9e9a4d rgb(158,154,77)
```
#aba753
```
#aba753 rgb(171,167,83)
```

Shade Color Variation

#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#b8b56d
```
#b8b56d rgb(184,181,109)
```
#bfbb7a
```
#bfbb7a rgb(191,187,122)
```
#c5c288
```
#c5c288 rgb(197,194,136)
```
#ccc995
```
#ccc995 rgb(204,201,149)
```
#d2d0a2
```
#d2d0a2 rgb(210,208,162)
```
#d8d6af
```
#d8d6af rgb(216,214,175)
```
#dfddbd
```
#dfddbd rgb(223,221,189)
```
#e5e4ca
```
#e5e4ca rgb(229,228,202)
```
#ecebd7
```
#ecebd7 rgb(236,235,215)
```
#f2f1e4
```
#f2f1e4 rgb(242,241,228)
```
#f8f8f1
```
#f8f8f1 rgb(248,248,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e8d84
```
#8e8d84 rgb(142,141,132)
```
#97957b
```
#97957b rgb(151,149,123)
```
#a09e72
```
#a09e72 rgb(160,158,114)
```
#a9a669
```
#a9a669 rgb(169,166,105)
```
#b2ae60
```
#b2ae60 rgb(178,174,96)
```
#bbb657
```
#bbb657 rgb(187,182,87)
```
#c4be4e
```
#c4be4e rgb(196,190,78)
```
#cdc745
```
#cdc745 rgb(205,199,69)
```
#d6cf3c
```
#d6cf3c rgb(214,207,60)
```
#dfd733
```
#dfd733 rgb(223,215,51)
```
#e8df2a
```
#e8df2a rgb(232,223,42)
```
#f2e720
```
#f2e720 rgb(242,231,32)
```
#fbf017
```
#fbf017 rgb(251,240,23)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf67 Protanopia 1% of men
#d3a76b Deuteranopia 1% of men
#bfa9b5 Tritanopia 0.001% of the population

Trichromacy

#baae64 Protanomaly 1% of men, 0.01% of women
#c7a967 Deuteranomaly 6% of men, 0.4% of women
#baaa96 Tritanomaly 0.01% of the population

#b2ae60 hex color

#b2ae60 Color Information

#b2ae60 Color Conversion

Color Schemes with #b2ae60

Alternatives to #b2ae60

#b2ae60 Preview

Shades and Tints of #b2ae60

Tones of #b2ae60

Color Blindness Simulator