#b1a316 hex color

In a RGB color space, hex #b1a316 is composed of 69.4% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.9% magenta, 87.6% yellow and 30.6% black. It has a hue angle of 54.6 degrees, a saturation of 77.9% and a lightness of 39%. #b1a316 color hex could be obtained by blending #ffff2c with #634700. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 64
- B 9
RGB color chart
- C 0
- M 8
- Y 88
- K 31
CMYK color chart

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

The hexadecimal color #b1a316 has RGB values of R:177, G:163, B:22 and CMYK values of C:0, M:0.08, Y:0.88, K:0.31. Its decimal value is 11641622.

Hex triplet	b1a316	`#b1a316`
RGB Decimal	177, 163, 22	`rgb(177,163,22)`
RGB Percent	69.4, 63.9, 8.6	`rgb(69.4%,63.9%,8.6%)`
CMYK	0, 8, 88, 31
HSL	54.6°, 77.9, 39	`hsl(54.6,77.9%,39%)`
HSV (or HSB)	54.6°, 87.6, 69.4
Web Safe	999900	`#999900`

CIE-LAB	66.213, -8.817, 65.733
XYZ	31.374, 35.6, 5.978
xyY	0.43, 0.488, 35.6
CIE-LCH	66.213, 66.322, 97.64
CIE-LUV	66.213, 14.893, 69.676
Hunter-Lab	59.666, -10.556, 35.826
Binary	10110001, 10100011, 00010110

#b1a316
```
#b1a316 rgb(177,163,22)
```
#1624b1
```
#1624b1 rgb(22,36,177)
```

Complementary Color

#b15516
```
#b15516 rgb(177,85,22)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#72b116
```
#72b116 rgb(114,177,22)
```

Analogous Color

#5616b1
```
#5616b1 rgb(86,22,177)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#1672b1
```
#1672b1 rgb(22,114,177)
```

Split Complementary Color

#a316b1
```
#a316b1 rgb(163,22,177)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#16b1a3
```
#16b1a3 rgb(22,177,163)
```

Triadic Color

#b11624
```
#b11624 rgb(177,22,36)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#16b1a3
```
#16b1a3 rgb(22,177,163)
```
#1624b1
```
#1624b1 rgb(22,36,177)
```

Tetradic Color

#6d640e
```
#6d640e rgb(109,100,14)
```
#847910
```
#847910 rgb(132,121,16)
```
#9a8e13
```
#9a8e13 rgb(154,142,19)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#c8b819
```
#c8b819 rgb(200,184,25)
```
#decd1c
```
#decd1c rgb(222,205,28)
```
#e5d52e
```
#e5d52e rgb(229,213,46)
```

Monochromatic Color

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

#b17c16
```
#b17c16 rgb(177,124,22)
```
#b18916
```
#b18916 rgb(177,137,22)
```
#b19616
```
#b19616 rgb(177,150,22)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#b1b016
```
#b1b016 rgb(177,176,22)
```
#a5b116
```
#a5b116 rgb(165,177,22)
```
#98b116
```
#98b116 rgb(152,177,22)
```

Similar Colors

Text with hexadecimal color #b1a316

This text has a font color of #b1a316.

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

#b1a316 background color

This paragraph has a background color of #b1a316.

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

#b1a316 border color

This element has a border color of #b1a316.

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

CSS codes

.text {color:#b1a316;}

.background {background-color:#b1a316;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#141202
```
#141202 rgb(20,18,2)
```
#252205
```
#252205 rgb(37,34,5)
```
#373307
```
#373307 rgb(55,51,7)
```
#484309
```
#484309 rgb(72,67,9)
```
#5a530b
```
#5a530b rgb(90,83,11)
```
#6b630d
```
#6b630d rgb(107,99,13)
```
#7d730f
```
#7d730f rgb(125,115,15)
```
#8e8312
```
#8e8312 rgb(142,131,18)
```
#a09314
```
#a09314 rgb(160,147,20)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#c2b318
```
#c2b318 rgb(194,179,24)
```
#d4c31a
```
#d4c31a rgb(212,195,26)
```

Shade Color Variation

#e3d11f
```
#e3d11f rgb(227,209,31)
```
#e5d530
```
#e5d530 rgb(229,213,48)
```
#e7d842
```
#e7d842 rgb(231,216,66)
```
#eadc53
```
#eadc53 rgb(234,220,83)
```
#ece065
```
#ece065 rgb(236,224,101)
```
#eee376
```
#eee376 rgb(238,227,118)
```
#f0e787
```
#f0e787 rgb(240,231,135)
```
#f2ea99
```
#f2ea99 rgb(242,234,153)
```
#f4eeaa
```
#f4eeaa rgb(244,238,170)
```
#f7f1bc
```
#f7f1bc rgb(247,241,188)
```
#f9f5cd
```
#f9f5cd rgb(249,245,205)
```
#fbf8df
```
#fbf8df rgb(251,248,223)
```
#fdfcf0
```
#fdfcf0 rgb(253,252,240)
```

Tint Color Variation

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

#646463
```
#646463 rgb(100,100,99)
```
#6c6b5b
```
#6c6b5b rgb(108,107,91)
```
#747153
```
#747153 rgb(116,113,83)
```
#7b774c
```
#7b774c rgb(123,119,76)
```
#837d44
```
#837d44 rgb(131,125,68)
```
#8b843c
```
#8b843c rgb(139,132,60)
```
#928a35
```
#928a35 rgb(146,138,53)
```
#9a902d
```
#9a902d rgb(154,144,45)
```
#a29625
```
#a29625 rgb(162,150,37)
```
#a99d1e
```
#a99d1e rgb(169,157,30)
```
#b1a316
```
#b1a316 rgb(177,163,22)
```
#b9a90e
```
#b9a90e rgb(185,169,14)
```
#c0b007
```
#c0b007 rgb(192,176,7)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c997d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a621 Protanopia 1% of men
#ce9d29 Deuteranopia 1% of men
#bf9ca7 Tritanopia 0.001% of the population

Trichromacy

#b6a51d Protanomaly 1% of men, 0.01% of women
#c39f22 Deuteranomaly 6% of men, 0.4% of women
#ba9f72 Tritanomaly 0.01% of the population

#b1a316 hex color

#b1a316 Color Information

#b1a316 Color Conversion

Color Schemes with #b1a316

Alternatives to #b1a316

#b1a316 Preview

Shades and Tints of #b1a316

Tones of #b1a316

Color Blindness Simulator