#b2ae45 hex color

In a RGB color space, hex #b2ae45 is composed of 69.8% red, 68.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 61.2% yellow and 30.2% black. It has a hue angle of 57.8 degrees, a saturation of 44.1% and a lightness of 48.4%. #b2ae45 color hex could be obtained by blending #ffff8a with #655d00. Closest websafe color is: #999933.

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

● #b2ae45 color description : Dark moderate yellow.

The hexadecimal color #b2ae45 has RGB values of R:178, G:174, B:69 and CMYK values of C:0, M:0.02, Y:0.61, K:0.3. Its decimal value is 11710021.

Hex triplet	b2ae45	`#b2ae45`
RGB Decimal	178, 174, 69	`rgb(178,174,69)`
RGB Percent	69.8, 68.2, 27.1	`rgb(69.8%,68.2%,27.1%)`
CMYK	0, 2, 61, 30
HSL	57.8°, 44.1, 48.4	`hsl(57.8,44.1%,48.4%)`
HSV (or HSB)	57.8°, 61.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.589, -12.007, 52.858
XYZ	34.57, 40.167, 11.562
xyY	0.401, 0.465, 40.167
CIE-LCH	69.589, 54.205, 102.797
CIE-LUV	69.589, 7.244, 63.15
Hunter-Lab	63.378, -13.546, 33.548
Binary	10110010, 10101110, 01000101

#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#4549b2
```
#4549b2 rgb(69,73,178)
```

Complementary Color

#b27845
```
#b27845 rgb(178,120,69)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#80b245
```
#80b245 rgb(128,178,69)
```

Analogous Color

#7845b2
```
#7845b2 rgb(120,69,178)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#4580b2
```
#4580b2 rgb(69,128,178)
```

Split Complementary Color

#ae45b2
```
#ae45b2 rgb(174,69,178)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#45b2ae
```
#45b2ae rgb(69,178,174)
```

Triadic Color

#b24549
```
#b24549 rgb(178,69,73)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#45b2ae
```
#45b2ae rgb(69,178,174)
```
#4549b2
```
#4549b2 rgb(69,73,178)
```

Tetradic Color

#7b7830
```
#7b7830 rgb(123,120,48)
```
#8d8a37
```
#8d8a37 rgb(141,138,55)
```
#a09c3e
```
#a09c3e rgb(160,156,62)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#bdb954
```
#bdb954 rgb(189,185,84)
```
#c4c066
```
#c4c066 rgb(196,192,102)
```
#cbc879
```
#cbc879 rgb(203,200,121)
```

Monochromatic Color

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

#b29345
```
#b29345 rgb(178,147,69)
```
#b29c45
```
#b29c45 rgb(178,156,69)
```
#b2a545
```
#b2a545 rgb(178,165,69)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#adb245
```
#adb245 rgb(173,178,69)
```
#a4b245
```
#a4b245 rgb(164,178,69)
```
#9bb245
```
#9bb245 rgb(155,178,69)
```

Similar Colors

Text with hexadecimal color #b2ae45

This text has a font color of #b2ae45.

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

#b2ae45 background color

This paragraph has a background color of #b2ae45.

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

#b2ae45 border color

This element has a border color of #b2ae45.

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

CSS codes

.text {color:#b2ae45;}

.background {background-color:#b2ae45;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171609
```
#171609 rgb(23,22,9)
```
#25240e
```
#25240e rgb(37,36,14)
```
#333214
```
#333214 rgb(51,50,20)
```
#413f19
```
#413f19 rgb(65,63,25)
```
#4f4d1f
```
#4f4d1f rgb(79,77,31)
```
#5d5b24
```
#5d5b24 rgb(93,91,36)
```
#6b692a
```
#6b692a rgb(107,105,42)
```
#79772f
```
#79772f rgb(121,119,47)
```
#888535
```
#888535 rgb(136,133,53)
```
#96923a
```
#96923a rgb(150,146,58)
```
#a4a040
```
#a4a040 rgb(164,160,64)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```

Shade Color Variation

#bbb750
```
#bbb750 rgb(187,183,80)
```
#c0bd5e
```
#c0bd5e rgb(192,189,94)
```
#c6c36c
```
#c6c36c rgb(198,195,108)
```
#cbc87a
```
#cbc87a rgb(203,200,122)
```
#d1ce88
```
#d1ce88 rgb(209,206,136)
```
#d6d496
```
#d6d496 rgb(214,212,150)
```
#dcdaa4
```
#dcdaa4 rgb(220,218,164)
```
#e1e0b3
```
#e1e0b3 rgb(225,224,179)
```
#e7e5c1
```
#e7e5c1 rgb(231,229,193)
```
#ecebcf
```
#ecebcf rgb(236,235,207)
```
#f2f1dd
```
#f2f1dd rgb(242,241,221)
```
#f7f7eb
```
#f7f7eb rgb(247,247,235)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#838275
```
#838275 rgb(131,130,117)
```
#8c8b6b
```
#8c8b6b rgb(140,139,107)
```
#969462
```
#969462 rgb(150,148,98)
```
#9f9c58
```
#9f9c58 rgb(159,156,88)
```
#a9a54f
```
#a9a54f rgb(169,165,79)
```
#b2ae45
```
#b2ae45 rgb(178,174,69)
```
#bcb73c
```
#bcb73c rgb(188,183,60)
```
#c5c032
```
#c5c032 rgb(197,192,50)
```
#cfc829
```
#cfc829 rgb(207,200,41)
```
#d8d11f
```
#d8d11f rgb(216,209,31)
```
#e2da16
```
#e2da16 rgb(226,218,22)
```
#ebe30c
```
#ebe30c rgb(235,227,12)
```
#f5ec02
```
#f5ec02 rgb(245,236,2)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae4d Protanopia 1% of men
#d5a653 Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bbae4a Protanomaly 1% of men, 0.01% of women
#c8a94d Deuteranomaly 6% of men, 0.4% of women
#bbaa8b Tritanomaly 0.01% of the population

#b2ae45 hex color

#b2ae45 Color Information

#b2ae45 Color Conversion

Color Schemes with #b2ae45

Alternatives to #b2ae45

#b2ae45 Preview

Shades and Tints of #b2ae45

Tones of #b2ae45

Color Blindness Simulator