#b2ae48 hex color

In a RGB color space, hex #b2ae48 is composed of 69.8% red, 68.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 59.6% yellow and 30.2% black. It has a hue angle of 57.7 degrees, a saturation of 42.4% and a lightness of 49%. #b2ae48 color hex could be obtained by blending #ffff90 with #655d00. Closest websafe color is: #999933.

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

● #b2ae48 color description : Dark moderate yellow.

The hexadecimal color #b2ae48 has RGB values of R:178, G:174, B:72 and CMYK values of C:0, M:0.02, Y:0.6, K:0.3. Its decimal value is 11710024.

Hex triplet	b2ae48	`#b2ae48`
RGB Decimal	178, 174, 72	`rgb(178,174,72)`
RGB Percent	69.8, 68.2, 28.2	`rgb(69.8%,68.2%,28.2%)`
CMYK	0, 2, 60, 30
HSL	57.7°, 42.4, 49	`hsl(57.7,42.4%,49%)`
HSV (or HSB)	57.7°, 59.6, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.616, -11.795, 51.551
XYZ	34.666, 40.206, 12.065
xyY	0.399, 0.462, 40.206
CIE-LCH	69.616, 52.884, 102.888
CIE-LUV	69.616, 7.158, 62.063
Hunter-Lab	63.408, -13.376, 33.104
Binary	10110010, 10101110, 01001000

#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#484cb2
```
#484cb2 rgb(72,76,178)
```

Complementary Color

#b27948
```
#b27948 rgb(178,121,72)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#81b248
```
#81b248 rgb(129,178,72)
```

Analogous Color

#7948b2
```
#7948b2 rgb(121,72,178)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#4881b2
```
#4881b2 rgb(72,129,178)
```

Split Complementary Color

#ae48b2
```
#ae48b2 rgb(174,72,178)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#48b2ae
```
#48b2ae rgb(72,178,174)
```

Triadic Color

#b2484c
```
#b2484c rgb(178,72,76)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#48b2ae
```
#48b2ae rgb(72,178,174)
```
#484cb2
```
#484cb2 rgb(72,76,178)
```

Tetradic Color

#7c7932
```
#7c7932 rgb(124,121,50)
```
#8e8b39
```
#8e8b39 rgb(142,139,57)
```
#a09c41
```
#a09c41 rgb(160,156,65)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#bbb858
```
#bbb858 rgb(187,184,88)
```
#c3bf6a
```
#c3bf6a rgb(195,191,106)
```
#cac77c
```
#cac77c rgb(202,199,124)
```

Monochromatic Color

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

#b29448
```
#b29448 rgb(178,148,72)
```
#b29c48
```
#b29c48 rgb(178,156,72)
```
#b2a548
```
#b2a548 rgb(178,165,72)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#adb248
```
#adb248 rgb(173,178,72)
```
#a4b248
```
#a4b248 rgb(164,178,72)
```
#9cb248
```
#9cb248 rgb(156,178,72)
```

Similar Colors

Text with hexadecimal color #b2ae48

This text has a font color of #b2ae48.

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

#b2ae48 background color

This paragraph has a background color of #b2ae48.

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

#b2ae48 border color

This element has a border color of #b2ae48.

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

CSS codes

.text {color:#b2ae48;}

.background {background-color:#b2ae48;}

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

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

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#18180a
```
#18180a rgb(24,24,10)
```
#262510
```
#262510 rgb(38,37,16)
```
#343315
```
#343315 rgb(52,51,21)
```
#42411b
```
#42411b rgb(66,65,27)
```
#504e20
```
#504e20 rgb(80,78,32)
```
#5e5c26
```
#5e5c26 rgb(94,92,38)
```
#6c6a2c
```
#6c6a2c rgb(108,106,44)
```
#7a7731
```
#7a7731 rgb(122,119,49)
```
#888537
```
#888537 rgb(136,133,55)
```
#96933d
```
#96933d rgb(150,147,61)
```
#a4a042
```
#a4a042 rgb(164,160,66)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```

Shade Color Variation

#bab654
```
#bab654 rgb(186,182,84)
```
#bfbc62
```
#bfbc62 rgb(191,188,98)
```
#c5c270
```
#c5c270 rgb(197,194,112)
```
#cbc87e
```
#cbc87e rgb(203,200,126)
```
#d0ce8c
```
#d0ce8c rgb(208,206,140)
```
#d6d49a
```
#d6d49a rgb(214,212,154)
```
#dcdaa8
```
#dcdaa8 rgb(220,218,168)
```
#e1e0b6
```
#e1e0b6 rgb(225,224,182)
```
#e7e6c4
```
#e7e6c4 rgb(231,230,196)
```
#edecd2
```
#edecd2 rgb(237,236,210)
```
#f2f2e0
```
#f2f2e0 rgb(242,242,224)
```
#f8f8ed
```
#f8f8ed rgb(248,248,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#828278
```
#828278 rgb(130,130,120)
```
#8c8a6e
```
#8c8a6e rgb(140,138,110)
```
#959365
```
#959365 rgb(149,147,101)
```
#9f9c5b
```
#9f9c5b rgb(159,156,91)
```
#a8a552
```
#a8a552 rgb(168,165,82)
```
#b2ae48
```
#b2ae48 rgb(178,174,72)
```
#bcb73e
```
#bcb73e rgb(188,183,62)
```
#c5c035
```
#c5c035 rgb(197,192,53)
```
#cfc92b
```
#cfc92b rgb(207,201,43)
```
#d8d222
```
#d8d222 rgb(216,210,34)
```
#e2da18
```
#e2da18 rgb(226,218,24)
```
#ece30e
```
#ece30e rgb(236,227,14)
```
#f5ec05
```
#f5ec05 rgb(245,236,5)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae50 Protanopia 1% of men
#d5a655 Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bbae4d Protanomaly 1% of men, 0.01% of women
#c8a950 Deuteranomaly 6% of men, 0.4% of women
#bbaa8c Tritanomaly 0.01% of the population

#b2ae48 hex color

#b2ae48 Color Information

#b2ae48 Color Conversion

Color Schemes with #b2ae48

Alternatives to #b2ae48

#b2ae48 Preview

Shades and Tints of #b2ae48

Tones of #b2ae48

Color Blindness Simulator