#b2a315 hex color

In a RGB color space, hex #b2a315 is composed of 69.8% red, 63.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 88.2% yellow and 30.2% black. It has a hue angle of 54.3 degrees, a saturation of 78.9% and a lightness of 39%. #b2a315 color hex could be obtained by blending #ffff2a with #654700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a315 has RGB values of R:178, G:163, B:21 and CMYK values of C:0, M:0.08, Y:0.88, K:0.3. Its decimal value is 11707157.

Hex triplet	b2a315	`#b2a315`
RGB Decimal	178, 163, 21	`rgb(178,163,21)`
RGB Percent	69.8, 63.9, 8.2	`rgb(69.8%,63.9%,8.2%)`
CMYK	0, 8, 88, 30
HSL	54.3°, 78.9, 39	`hsl(54.3,78.9%,39%)`
HSV (or HSB)	54.3°, 88.2, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.301, -8.392, 66.05
XYZ	31.593, 35.714, 5.939
xyY	0.431, 0.488, 35.714
CIE-LCH	66.301, 66.581, 97.241
CIE-LUV	66.301, 15.63, 69.814
Hunter-Lab	59.762, -10.219, 35.941
Binary	10110010, 10100011, 00010101

#b2a315
```
#b2a315 rgb(178,163,21)
```
#1524b2
```
#1524b2 rgb(21,36,178)
```

Complementary Color

#b25515
```
#b25515 rgb(178,85,21)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#73b215
```
#73b215 rgb(115,178,21)
```

Analogous Color

#5515b2
```
#5515b2 rgb(85,21,178)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#1573b2
```
#1573b2 rgb(21,115,178)
```

Split Complementary Color

#a315b2
```
#a315b2 rgb(163,21,178)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#15b2a3
```
#15b2a3 rgb(21,178,163)
```

Triadic Color

#b21524
```
#b21524 rgb(178,21,36)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#15b2a3
```
#15b2a3 rgb(21,178,163)
```
#1524b2
```
#1524b2 rgb(21,36,178)
```

Tetradic Color

#6e640d
```
#6e640d rgb(110,100,13)
```
#847910
```
#847910 rgb(132,121,16)
```
#9b8e12
```
#9b8e12 rgb(155,142,18)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#c9b818
```
#c9b818 rgb(201,184,24)
```
#e0cd1a
```
#e0cd1a rgb(224,205,26)
```
#e6d52d
```
#e6d52d rgb(230,213,45)
```

Monochromatic Color

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

#b27c15
```
#b27c15 rgb(178,124,21)
```
#b28915
```
#b28915 rgb(178,137,21)
```
#b29615
```
#b29615 rgb(178,150,21)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#b2b015
```
#b2b015 rgb(178,176,21)
```
#a7b215
```
#a7b215 rgb(167,178,21)
```
#9ab215
```
#9ab215 rgb(154,178,21)
```

Similar Colors

Text with hexadecimal color #b2a315

This text has a font color of #b2a315.

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

#b2a315 background color

This paragraph has a background color of #b2a315.

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

#b2a315 border color

This element has a border color of #b2a315.

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

CSS codes

.text {color:#b2a315;}

.background {background-color:#b2a315;}

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

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)
```
#262204
```
#262204 rgb(38,34,4)
```
#373307
```
#373307 rgb(55,51,7)
```
#494309
```
#494309 rgb(73,67,9)
```
#5a530b
```
#5a530b rgb(90,83,11)
```
#6c630d
```
#6c630d rgb(108,99,13)
```
#7d730f
```
#7d730f rgb(125,115,15)
```
#8f8311
```
#8f8311 rgb(143,131,17)
```
#a09313
```
#a09313 rgb(160,147,19)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#c4b317
```
#c4b317 rgb(196,179,23)
```
#d5c319
```
#d5c319 rgb(213,195,25)
```

Shade Color Variation

#e4d11d
```
#e4d11d rgb(228,209,29)
```
#e6d52f
```
#e6d52f rgb(230,213,47)
```
#e9d841
```
#e9d841 rgb(233,216,65)
```
#ebdc52
```
#ebdc52 rgb(235,220,82)
```
#ede064
```
#ede064 rgb(237,224,100)
```
#efe375
```
#efe375 rgb(239,227,117)
```
#f1e787
```
#f1e787 rgb(241,231,135)
```
#f3ea98
```
#f3ea98 rgb(243,234,152)
```
#f5eeaa
```
#f5eeaa rgb(245,238,170)
```
#f7f1bb
```
#f7f1bb rgb(247,241,187)
```
#f9f5cd
```
#f9f5cd rgb(249,245,205)
```
#fbf8de
```
#fbf8de rgb(251,248,222)
```
#fdfcf0
```
#fdfcf0 rgb(253,252,240)
```

Tint Color Variation

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

#656562
```
#656562 rgb(101,101,98)
```
#6d6b5a
```
#6d6b5a rgb(109,107,90)
```
#757152
```
#757152 rgb(117,113,82)
```
#7c784b
```
#7c784b rgb(124,120,75)
```
#847e43
```
#847e43 rgb(132,126,67)
```
#8c843b
```
#8c843b rgb(140,132,59)
```
#938a34
```
#938a34 rgb(147,138,52)
```
#9b902c
```
#9b902c rgb(155,144,44)
```
#a39724
```
#a39724 rgb(163,151,36)
```
#aa9d1d
```
#aa9d1d rgb(170,157,29)
```
#b2a315
```
#b2a315 rgb(178,163,21)
```
#baa90d
```
#baa90d rgb(186,169,13)
```
#c1af06
```
#c1af06 rgb(193,175,6)
```

Tone Color Variation

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

#baa620 Protanopia 1% of men
#cf9e28 Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a51c Protanomaly 1% of men, 0.01% of women
#c49f21 Deuteranomaly 6% of men, 0.4% of women
#bb9f72 Tritanomaly 0.01% of the population

#b2a315 hex color

#b2a315 Color Information

#b2a315 Color Conversion

Color Schemes with #b2a315

Alternatives to #b2a315

#b2a315 Preview

Shades and Tints of #b2a315

Tones of #b2a315

Color Blindness Simulator