#b2a418 hex color

In a RGB color space, hex #b2a418 is composed of 69.8% red, 64.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.9% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 54.5 degrees, a saturation of 76.2% and a lightness of 39.6%. #b2a418 color hex could be obtained by blending #ffff30 with #654900. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 70
- G 64
- B 9
RGB color chart
- C 0
- M 8
- Y 87
- K 30
CMYK color chart

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

The hexadecimal color #b2a418 has RGB values of R:178, G:164, B:24 and CMYK values of C:0, M:0.08, Y:0.87, K:0.3. Its decimal value is 11707416.

Hex triplet	b2a418	`#b2a418`
RGB Decimal	178, 164, 24	`rgb(178,164,24)`
RGB Percent	69.8, 64.3, 9.4	`rgb(69.8%,64.3%,9.4%)`
CMYK	0, 8, 87, 30
HSL	54.5°, 76.2, 39.6	`hsl(54.5,76.2%,39.6%)`
HSV (or HSB)	54.5°, 86.5, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.583, -8.85, 65.633
XYZ	31.801, 36.083, 6.154
xyY	0.43, 0.487, 36.083
CIE-LCH	66.583, 66.227, 97.679
CIE-LUV	66.583, 14.897, 69.835
Hunter-Lab	60.069, -10.622, 35.974
Binary	10110010, 10100100, 00011000

#b2a418
```
#b2a418 rgb(178,164,24)
```
#1826b2
```
#1826b2 rgb(24,38,178)
```

Complementary Color

#b25718
```
#b25718 rgb(178,87,24)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#73b218
```
#73b218 rgb(115,178,24)
```

Analogous Color

#5718b2
```
#5718b2 rgb(87,24,178)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#1873b2
```
#1873b2 rgb(24,115,178)
```

Split Complementary Color

#a418b2
```
#a418b2 rgb(164,24,178)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#18b2a4
```
#18b2a4 rgb(24,178,164)
```

Triadic Color

#b21826
```
#b21826 rgb(178,24,38)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#18b2a4
```
#18b2a4 rgb(24,178,164)
```
#1826b2
```
#1826b2 rgb(24,38,178)
```

Tetradic Color

#6f660f
```
#6f660f rgb(111,102,15)
```
#857b12
```
#857b12 rgb(133,123,18)
```
#9c8f15
```
#9c8f15 rgb(156,143,21)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#c8b91b
```
#c8b91b rgb(200,185,27)
```
#dfcd1e
```
#dfcd1e rgb(223,205,30)
```
#e3d333
```
#e3d333 rgb(227,211,51)
```

Monochromatic Color

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

#b27e18
```
#b27e18 rgb(178,126,24)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#b29718
```
#b29718 rgb(178,151,24)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#b2b118
```
#b2b118 rgb(178,177,24)
```
#a6b218
```
#a6b218 rgb(166,178,24)
```
#9ab218
```
#9ab218 rgb(154,178,24)
```

Similar Colors

Text with hexadecimal color #b2a418

This text has a font color of #b2a418.

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

#b2a418 background color

This paragraph has a background color of #b2a418.

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

#b2a418 border color

This element has a border color of #b2a418.

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

CSS codes

.text {color:#b2a418;}

.background {background-color:#b2a418;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#161503
```
#161503 rgb(22,21,3)
```
#282505
```
#282505 rgb(40,37,5)
```
#393508
```
#393508 rgb(57,53,8)
```
#4a440a
```
#4a440a rgb(74,68,10)
```
#5c540c
```
#5c540c rgb(92,84,12)
```
#6d640f
```
#6d640f rgb(109,100,15)
```
#7e7411
```
#7e7411 rgb(126,116,17)
```
#8f8413
```
#8f8413 rgb(143,132,19)
```
#a19416
```
#a19416 rgb(161,148,22)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#c3b41a
```
#c3b41a rgb(195,180,26)
```
#d5c41d
```
#d5c41d rgb(213,196,29)
```

Shade Color Variation

#e1d023
```
#e1d023 rgb(225,208,35)
```
#e4d435
```
#e4d435 rgb(228,212,53)
```
#e6d846
```
#e6d846 rgb(230,216,70)
```
#e8db57
```
#e8db57 rgb(232,219,87)
```
#ebdf69
```
#ebdf69 rgb(235,223,105)
```
#ede37a
```
#ede37a rgb(237,227,122)
```
#efe68b
```
#efe68b rgb(239,230,139)
```
#f2ea9c
```
#f2ea9c rgb(242,234,156)
```
#f4eeae
```
#f4eeae rgb(244,238,174)
```
#f6f1bf
```
#f6f1bf rgb(246,241,191)
```
#f9f5d0
```
#f9f5d0 rgb(249,245,208)
```
#fbf9e2
```
#fbf9e2 rgb(251,249,226)
```
#fdfcf3
```
#fdfcf3 rgb(253,252,243)
```

Tint Color Variation

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

#6c6b5e
```
#6c6b5e rgb(108,107,94)
```
#747156
```
#747156 rgb(116,113,86)
```
#7c784e
```
#7c784e rgb(124,120,78)
```
#837e47
```
#837e47 rgb(131,126,71)
```
#8b843f
```
#8b843f rgb(139,132,63)
```
#938b37
```
#938b37 rgb(147,139,55)
```
#9b912f
```
#9b912f rgb(155,145,47)
```
#a29728
```
#a29728 rgb(162,151,40)
```
#aa9e20
```
#aa9e20 rgb(170,158,32)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#baaa10
```
#baaa10 rgb(186,170,16)
```
#c2b108
```
#c2b108 rgb(194,177,8)
```
#c9b701
```
#c9b701 rgb(201,183,1)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d9a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa723 Protanopia 1% of men
#cf9e2b Deuteranopia 1% of men
#c09da8 Tritanopia 0.001% of the population

Trichromacy

#b7a51f Protanomaly 1% of men, 0.01% of women
#c4a024 Deuteranomaly 6% of men, 0.4% of women
#bba074 Tritanomaly 0.01% of the population

#b2a418 hex color

#b2a418 Color Information

#b2a418 Color Conversion

Color Schemes with #b2a418

Alternatives to #b2a418

#b2a418 Preview

Shades and Tints of #b2a418

Tones of #b2a418

Color Blindness Simulator