#b2af1e hex color

In a RGB color space, hex #b2af1e is composed of 69.8% red, 68.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 83.1% yellow and 30.2% black. It has a hue angle of 58.8 degrees, a saturation of 71.2% and a lightness of 40.8%. #b2af1e color hex could be obtained by blending #ffff3c with #655f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 69
- B 12
RGB color chart
- C 0
- M 2
- Y 83
- K 30
CMYK color chart

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

The hexadecimal color #b2af1e has RGB values of R:178, G:175, B:30 and CMYK values of C:0, M:0.02, Y:0.83, K:0.3. Its decimal value is 11710238.

Hex triplet	b2af1e	`#b2af1e`
RGB Decimal	178, 175, 30	`rgb(178,175,30)`
RGB Percent	69.8, 68.6, 11.8	`rgb(69.8%,68.6%,11.8%)`
CMYK	0, 2, 83, 30
HSL	58.8°, 71.2, 40.8	`hsl(58.8,71.2%,40.8%)`
HSV (or HSB)	58.8°, 83.1, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.625, -14.402, 66.738
XYZ	33.925, 40.219, 7.204
xyY	0.417, 0.494, 40.219
CIE-LCH	69.625, 68.274, 102.178
CIE-LUV	69.625, 7.358, 73.393
Hunter-Lab	63.419, -15.498, 37.658
Binary	10110010, 10101111, 00011110

#b2af1e
```
#b2af1e rgb(178,175,30)
```
#1e21b2
```
#1e21b2 rgb(30,33,178)
```

Complementary Color

#b2651e
```
#b2651e rgb(178,101,30)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#6bb21e
```
#6bb21e rgb(107,178,30)
```

Analogous Color

#651eb2
```
#651eb2 rgb(101,30,178)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#1e6bb2
```
#1e6bb2 rgb(30,107,178)
```

Split Complementary Color

#af1eb2
```
#af1eb2 rgb(175,30,178)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#1eb2af
```
#1eb2af rgb(30,178,175)
```

Triadic Color

#b21e21
```
#b21e21 rgb(178,30,33)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#1eb2af
```
#1eb2af rgb(30,178,175)
```
#1e21b2
```
#1e21b2 rgb(30,33,178)
```

Tetradic Color

#716f13
```
#716f13 rgb(113,111,19)
```
#868417
```
#868417 rgb(134,132,23)
```
#9c9a1a
```
#9c9a1a rgb(156,154,26)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#c8c422
```
#c8c422 rgb(200,196,34)
```
#dbd728
```
#dbd728 rgb(219,215,40)
```
#dedb3e
```
#dedb3e rgb(222,219,62)
```

Monochromatic Color

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

#b28a1e
```
#b28a1e rgb(178,138,30)
```
#b2961e
```
#b2961e rgb(178,150,30)
```
#b2a31e
```
#b2a31e rgb(178,163,30)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#a9b21e
```
#a9b21e rgb(169,178,30)
```
#9cb21e
```
#9cb21e rgb(156,178,30)
```
#90b21e
```
#90b21e rgb(144,178,30)
```

Similar Colors

Text with hexadecimal color #b2af1e

This text has a font color of #b2af1e.

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

#b2af1e background color

This paragraph has a background color of #b2af1e.

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

#b2af1e border color

This element has a border color of #b2af1e.

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

CSS codes

.text {color:#b2af1e;}

.background {background-color:#b2af1e;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#1b1a05
```
#1b1a05 rgb(27,26,5)
```
#2c2b07
```
#2c2b07 rgb(44,43,7)
```
#3c3b0a
```
#3c3b0a rgb(60,59,10)
```
#4d4c0d
```
#4d4c0d rgb(77,76,13)
```
#5e5c10
```
#5e5c10 rgb(94,92,16)
```
#6f6d13
```
#6f6d13 rgb(111,109,19)
```
#807d16
```
#807d16 rgb(128,125,22)
```
#908e18
```
#908e18 rgb(144,142,24)
```
#a19e1b
```
#a19e1b rgb(161,158,27)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#c3c021
```
#c3c021 rgb(195,192,33)
```
#d4d024
```
#d4d024 rgb(212,208,36)
```

Shade Color Variation

#dcd82f
```
#dcd82f rgb(220,216,47)
```
#dfdc40
```
#dfdc40 rgb(223,220,64)
```
#e2df50
```
#e2df50 rgb(226,223,80)
```
#e4e261
```
#e4e261 rgb(228,226,97)
```
#e7e572
```
#e7e572 rgb(231,229,114)
```
#eae883
```
#eae883 rgb(234,232,131)
```
#edeb94
```
#edeb94 rgb(237,235,148)
```
#f0eea4
```
#f0eea4 rgb(240,238,164)
```
#f3f1b5
```
#f3f1b5 rgb(243,241,181)
```
#f5f4c6
```
#f5f4c6 rgb(245,244,198)
```
#f8f8d7
```
#f8f8d7 rgb(248,248,215)
```
#fbfbe8
```
#fbfbe8 rgb(251,251,232)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#6a6a66
```
#6a6a66 rgb(106,106,102)
```
#72725e
```
#72725e rgb(114,114,94)
```
#7a7956
```
#7a7956 rgb(122,121,86)
```
#82814e
```
#82814e rgb(130,129,78)
```
#8a8946
```
#8a8946 rgb(138,137,70)
```
#92903e
```
#92903e rgb(146,144,62)
```
#9a9836
```
#9a9836 rgb(154,152,54)
```
#a2a02e
```
#a2a02e rgb(162,160,46)
```
#aaa726
```
#aaa726 rgb(170,167,38)
```
#b2af1e
```
#b2af1e rgb(178,175,30)
```
#bab716
```
#bab716 rgb(186,183,22)
```
#c2be0e
```
#c2be0e rgb(194,190,14)
```
#cac606
```
#cac606 rgb(202,198,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae28 Protanopia 1% of men
#d9a632 Deuteranopia 1% of men
#c1a7b3 Tritanopia 0.001% of the population

Trichromacy

#bdae24 Protanomaly 1% of men, 0.01% of women
#caa92a Deuteranomaly 6% of men, 0.4% of women
#bcaa7d Tritanomaly 0.01% of the population

#b2af1e hex color

#b2af1e Color Information

#b2af1e Color Conversion

Color Schemes with #b2af1e

Alternatives to #b2af1e

#b2af1e Preview

Shades and Tints of #b2af1e

Tones of #b2af1e

Color Blindness Simulator