#b1af28 hex color

In a RGB color space, hex #b1af28 is composed of 69.4% red, 68.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 77.4% yellow and 30.6% black. It has a hue angle of 59.1 degrees, a saturation of 63.1% and a lightness of 42.5%. #b1af28 color hex could be obtained by blending #ffff50 with #635f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 69
- B 16
RGB color chart
- C 0
- M 1
- Y 77
- K 31
CMYK color chart

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

The hexadecimal color #b1af28 has RGB values of R:177, G:175, B:40 and CMYK values of C:0, M:0.01, Y:0.77, K:0.31. Its decimal value is 11644712.

Hex triplet	b1af28	`#b1af28`
RGB Decimal	177, 175, 40	`rgb(177,175,40)`
RGB Percent	69.4, 68.6, 15.7	`rgb(69.4%,68.6%,15.7%)`
CMYK	0, 1, 77, 31
HSL	59.1°, 63.1, 42.5	`hsl(59.1,63.1%,42.5%)`
HSV (or HSB)	59.1°, 77.4, 69.4
Web Safe	999933	`#999933`

CIE-LAB	69.584, -14.502, 63.874
XYZ	33.845, 40.161, 7.976
xyY	0.413, 0.49, 40.161
CIE-LCH	69.584, 65.5, 102.792
CIE-LUV	69.584, 6.531, 71.605
Hunter-Lab	63.373, -15.573, 36.898
Binary	10110001, 10101111, 00101000

#b1af28
```
#b1af28 rgb(177,175,40)
```
#282ab1
```
#282ab1 rgb(40,42,177)
```

Complementary Color

#b16b28
```
#b16b28 rgb(177,107,40)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#6fb128
```
#6fb128 rgb(111,177,40)
```

Analogous Color

#6b28b1
```
#6b28b1 rgb(107,40,177)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#286fb1
```
#286fb1 rgb(40,111,177)
```

Split Complementary Color

#af28b1
```
#af28b1 rgb(175,40,177)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#28b1af
```
#28b1af rgb(40,177,175)
```

Triadic Color

#b1282a
```
#b1282a rgb(177,40,42)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#28b1af
```
#28b1af rgb(40,177,175)
```
#282ab1
```
#282ab1 rgb(40,42,177)
```

Tetradic Color

#73711a
```
#73711a rgb(115,113,26)
```
#87861f
```
#87861f rgb(135,134,31)
```
#9c9a23
```
#9c9a23 rgb(156,154,35)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#c6c42d
```
#c6c42d rgb(198,196,45)
```
#d2d03a
```
#d2d03a rgb(210,208,58)
```
#d7d54e
```
#d7d54e rgb(215,213,78)
```

Monochromatic Color

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

#b18d28
```
#b18d28 rgb(177,141,40)
```
#b19828
```
#b19828 rgb(177,152,40)
```
#b1a428
```
#b1a428 rgb(177,164,40)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#a8b128
```
#a8b128 rgb(168,177,40)
```
#9cb128
```
#9cb128 rgb(156,177,40)
```
#91b128
```
#91b128 rgb(145,177,40)
```

Similar Colors

Text with hexadecimal color #b1af28

This text has a font color of #b1af28.

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

#b1af28 background color

This paragraph has a background color of #b1af28.

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

#b1af28 border color

This element has a border color of #b1af28.

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

CSS codes

.text {color:#b1af28;}

.background {background-color:#b1af28;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111104
```
#111104 rgb(17,17,4)
```
#212107
```
#212107 rgb(33,33,7)
```
#31300b
```
#31300b rgb(49,48,11)
```
#41400f
```
#41400f rgb(65,64,15)
```
#515012
```
#515012 rgb(81,80,18)
```
#616016
```
#616016 rgb(97,96,22)
```
#71701a
```
#71701a rgb(113,112,26)
```
#81801d
```
#81801d rgb(129,128,29)
```
#918f21
```
#918f21 rgb(145,143,33)
```
#a19f24
```
#a19f24 rgb(161,159,36)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#c1bf2c
```
#c1bf2c rgb(193,191,44)
```

Shade Color Variation

#d0ce30
```
#d0ce30 rgb(208,206,48)
```
#d4d240
```
#d4d240 rgb(212,210,64)
```
#d7d550
```
#d7d550 rgb(215,213,80)
```
#dbd960
```
#dbd960 rgb(219,217,96)
```
#dfdd70
```
#dfdd70 rgb(223,221,112)
```
#e2e180
```
#e2e180 rgb(226,225,128)
```
#e6e590
```
#e6e590 rgb(230,229,144)
```
#eae8a0
```
#eae8a0 rgb(234,232,160)
```
#edecb0
```
#edecb0 rgb(237,236,176)
```
#f1f0c0
```
#f1f0c0 rgb(241,240,192)
```
#f4f4d0
```
#f4f4d0 rgb(244,244,208)
```
#f8f8e0
```
#f8f8e0 rgb(248,248,224)
```
#fcfbf0
```
#fcfbf0 rgb(252,251,240)
```

Tint Color Variation

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

#6e6e6b
```
#6e6e6b rgb(110,110,107)
```
#777662
```
#777662 rgb(119,118,98)
```
#7f7e5a
```
#7f7e5a rgb(127,126,90)
```
#878652
```
#878652 rgb(135,134,82)
```
#908f49
```
#908f49 rgb(144,143,73)
```
#989741
```
#989741 rgb(152,151,65)
```
#a09f39
```
#a09f39 rgb(160,159,57)
```
#a9a730
```
#a9a730 rgb(169,167,48)
```
#b1af28
```
#b1af28 rgb(177,175,40)
```
#b9b720
```
#b9b720 rgb(185,183,32)
```
#c2bf17
```
#c2bf17 rgb(194,191,23)
```
#cac70f
```
#cac70f rgb(202,199,15)
```
#d2cf07
```
#d2cf07 rgb(210,207,7)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae32 Protanopia 1% of men
#d8a63a Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bcae2e Protanomaly 1% of men, 0.01% of women
#caa933 Deuteranomaly 6% of men, 0.4% of women
#bbaa80 Tritanomaly 0.01% of the population

#b1af28 hex color

#b1af28 Color Information

#b1af28 Color Conversion

Color Schemes with #b1af28

Alternatives to #b1af28

#b1af28 Preview

Shades and Tints of #b1af28

Tones of #b1af28

Color Blindness Simulator