#b2ae30 hex color

In a RGB color space, hex #b2ae30 is composed of 69.8% red, 68.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 73% yellow and 30.2% black. It has a hue angle of 58.2 degrees, a saturation of 57.5% and a lightness of 44.3%. #b2ae30 color hex could be obtained by blending #ffff60 with #655d00. Closest websafe color is: #999933.

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

● #b2ae30 color description : Dark yellow [Olive tone].

The hexadecimal color #b2ae30 has RGB values of R:178, G:174, B:48 and CMYK values of C:0, M:0.02, Y:0.73, K:0.3. Its decimal value is 11710000.

Hex triplet	b2ae30	`#b2ae30`
RGB Decimal	178, 174, 48	`rgb(178,174,48)`
RGB Percent	69.8, 68.2, 18.8	`rgb(69.8%,68.2%,18.8%)`
CMYK	0, 2, 73, 30
HSL	58.2°, 57.5, 44.3	`hsl(58.2,57.5%,44.3%)`
HSV (or HSB)	58.2°, 73, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.435, -13.214, 61.11
XYZ	34.03, 39.951, 8.715
xyY	0.412, 0.483, 39.951
CIE-LCH	69.435, 62.522, 102.201
CIE-LUV	69.435, 7.741, 69.426
Hunter-Lab	63.207, -14.51, 36.07
Binary	10110010, 10101110, 00110000

#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#3034b2
```
#3034b2 rgb(48,52,178)
```

Complementary Color

#b26d30
```
#b26d30 rgb(178,109,48)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#75b230
```
#75b230 rgb(117,178,48)
```

Analogous Color

#6d30b2
```
#6d30b2 rgb(109,48,178)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#3075b2
```
#3075b2 rgb(48,117,178)
```

Split Complementary Color

#ae30b2
```
#ae30b2 rgb(174,48,178)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#30b2ae
```
#30b2ae rgb(48,178,174)
```

Triadic Color

#b23034
```
#b23034 rgb(178,48,52)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#30b2ae
```
#30b2ae rgb(48,178,174)
```
#3034b2
```
#3034b2 rgb(48,52,178)
```

Tetradic Color

#767320
```
#767320 rgb(118,115,32)
```
#8a8725
```
#8a8725 rgb(138,135,37)
```
#9e9a2b
```
#9e9a2b rgb(158,154,43)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#c6c235
```
#c6c235 rgb(198,194,53)
```
#cec947
```
#cec947 rgb(206,201,71)
```
#d3cf5c
```
#d3cf5c rgb(211,207,92)
```

Monochromatic Color

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

#b28e30
```
#b28e30 rgb(178,142,48)
```
#b29830
```
#b29830 rgb(178,152,48)
```
#b2a330
```
#b2a330 rgb(178,163,48)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#abb230
```
#abb230 rgb(171,178,48)
```
#a0b230
```
#a0b230 rgb(160,178,48)
```
#96b230
```
#96b230 rgb(150,178,48)
```

Similar Colors

Text with hexadecimal color #b2ae30

This text has a font color of #b2ae30.

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

#b2ae30 background color

This paragraph has a background color of #b2ae30.

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

#b2ae30 border color

This element has a border color of #b2ae30.

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

CSS codes

.text {color:#b2ae30;}

.background {background-color:#b2ae30;}

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

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

#080802
```
#080802 rgb(8,8,2)
```
#181706
```
#181706 rgb(24,23,6)
```
#27260b
```
#27260b rgb(39,38,11)
```
#36350f
```
#36350f rgb(54,53,15)
```
#464413
```
#464413 rgb(70,68,19)
```
#555317
```
#555317 rgb(85,83,23)
```
#65621b
```
#65621b rgb(101,98,27)
```
#74721f
```
#74721f rgb(116,114,31)
```
#848124
```
#848124 rgb(132,129,36)
```
#939028
```
#939028 rgb(147,144,40)
```
#a39f2c
```
#a39f2c rgb(163,159,44)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#c1bd34
```
#c1bd34 rgb(193,189,52)
```

Shade Color Variation

#cbc73e
```
#cbc73e rgb(203,199,62)
```
#cfcb4e
```
#cfcb4e rgb(207,203,78)
```
#d3d05d
```
#d3d05d rgb(211,208,93)
```
#d8d46d
```
#d8d46d rgb(216,212,109)
```
#dcd97c
```
#dcd97c rgb(220,217,124)
```
#e0dd8b
```
#e0dd8b rgb(224,221,139)
```
#e4e29b
```
#e4e29b rgb(228,226,155)
```
#e8e6aa
```
#e8e6aa rgb(232,230,170)
```
#ecebba
```
#ecebba rgb(236,235,186)
```
#f1efc9
```
#f1efc9 rgb(241,239,201)
```
#f5f4d9
```
#f5f4d9 rgb(245,244,217)
```
#f9f8e8
```
#f9f8e8 rgb(249,248,232)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#75756d
```
#75756d rgb(117,117,109)
```
#7e7d64
```
#7e7d64 rgb(126,125,100)
```
#87855b
```
#87855b rgb(135,133,91)
```
#8f8d53
```
#8f8d53 rgb(143,141,83)
```
#98964a
```
#98964a rgb(152,150,74)
```
#a19e41
```
#a19e41 rgb(161,158,65)
```
#a9a639
```
#a9a639 rgb(169,166,57)
```
#b2ae30
```
#b2ae30 rgb(178,174,48)
```
#bbb627
```
#bbb627 rgb(187,182,39)
```
#c3be1f
```
#c3be1f rgb(195,190,31)
```
#ccc616
```
#ccc616 rgb(204,198,22)
```
#d5cf0d
```
#d5cf0d rgb(213,207,13)
```
#ddd705
```
#ddd705 rgb(221,215,5)
```

Tone Color Variation

Below, you can see how #b2ae30 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
#a4a48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae39 Protanopia 1% of men
#d7a540 Deuteranopia 1% of men
#c1a7b2 Tritanopia 0.001% of the population

Trichromacy

#bcae36 Protanomaly 1% of men, 0.01% of women
#c9a83a Deuteranomaly 6% of men, 0.4% of women
#bba983 Tritanomaly 0.01% of the population

#b2ae30 hex color

#b2ae30 Color Information

#b2ae30 Color Conversion

Color Schemes with #b2ae30

Alternatives to #b2ae30

#b2ae30 Preview

Shades and Tints of #b2ae30

Tones of #b2ae30

Color Blindness Simulator