#b5a302 hex color

In a RGB color space, hex #b5a302 is composed of 71% red, 63.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.9% magenta, 98.9% yellow and 29% black. It has a hue angle of 54 degrees, a saturation of 97.8% and a lightness of 35.9%. #b5a302 color hex could be obtained by blending #ffff04 with #6b4700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 71
- G 64
- B 1
RGB color chart
- C 0
- M 10
- Y 99
- K 29
CMYK color chart

● #b5a302 color description : Strong yellow.

The hexadecimal color #b5a302 has RGB values of R:181, G:163, B:2 and CMYK values of C:0, M:0.1, Y:0.99, K:0.29. Its decimal value is 11903746.

Hex triplet	b5a302	`#b5a302`
RGB Decimal	181, 163, 2	`rgb(181,163,2)`
RGB Percent	71, 63.9, 0.8	`rgb(71%,63.9%,0.8%)`
CMYK	0, 10, 99, 29
HSL	54°, 97.8, 35.9	`hsl(54,97.8%,35.9%)`
HSV (or HSB)	54°, 98.9, 71
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.538, -7.336, 69.207
XYZ	32.165, 36.024, 5.316
xyY	0.438, 0.49, 36.024
CIE-LCH	66.538, 69.594, 96.051
CIE-LUV	66.538, 17.986, 71.454
Hunter-Lab	60.02, -9.376, 36.762
Binary	10110101, 10100011, 00000010

#b5a302
```
#b5a302 rgb(181,163,2)
```
#0214b5
```
#0214b5 rgb(2,20,181)
```

Complementary Color

#b54a02
```
#b54a02 rgb(181,74,2)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#6eb502
```
#6eb502 rgb(110,181,2)
```

Analogous Color

#4a02b5
```
#4a02b5 rgb(74,2,181)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#026eb5
```
#026eb5 rgb(2,110,181)
```

Split Complementary Color

#a302b5
```
#a302b5 rgb(163,2,181)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#02b5a3
```
#02b5a3 rgb(2,181,163)
```

Triadic Color

#b50214
```
#b50214 rgb(181,2,20)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#02b5a3
```
#02b5a3 rgb(2,181,163)
```
#0214b5
```
#0214b5 rgb(2,20,181)
```

Tetradic Color

#695f01
```
#695f01 rgb(105,95,1)
```
#837601
```
#837601 rgb(131,118,1)
```
#9c8c02
```
#9c8c02 rgb(156,140,2)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#ceba02
```
#ceba02 rgb(206,186,2)
```
#e7d003
```
#e7d003 rgb(231,208,3)
```
#fce407
```
#fce407 rgb(252,228,7)
```

Monochromatic Color

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

#b57602
```
#b57602 rgb(181,118,2)
```
#b58502
```
#b58502 rgb(181,133,2)
```
#b59402
```
#b59402 rgb(181,148,2)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#b5b202
```
#b5b202 rgb(181,178,2)
```
#a9b502
```
#a9b502 rgb(169,181,2)
```
#9ab502
```
#9ab502 rgb(154,181,2)
```

Similar Colors

Text with hexadecimal color #b5a302

This text has a font color of #b5a302.

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

#b5a302 background color

This paragraph has a background color of #b5a302.

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

#b5a302 border color

This element has a border color of #b5a302.

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

CSS codes

.text {color:#b5a302;}

.background {background-color:#b5a302;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1700
```
#1a1700 rgb(26,23,0)
```
#2d2900
```
#2d2900 rgb(45,41,0)
```
#413a01
```
#413a01 rgb(65,58,1)
```
#544c01
```
#544c01 rgb(84,76,1)
```
#675d01
```
#675d01 rgb(103,93,1)
```
#7b6f01
```
#7b6f01 rgb(123,111,1)
```
#8e8002
```
#8e8002 rgb(142,128,2)
```
#a29202
```
#a29202 rgb(162,146,2)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```
#c8b402
```
#c8b402 rgb(200,180,2)
```
#dcc602
```
#dcc602 rgb(220,198,2)
```
#efd703
```
#efd703 rgb(239,215,3)
```

Shade Color Variation

#fce409
```
#fce409 rgb(252,228,9)
```
#fce61d
```
#fce61d rgb(252,230,29)
```
#fde830
```
#fde830 rgb(253,232,48)
```
#fdea43
```
#fdea43 rgb(253,234,67)
```
#fdec57
```
#fdec57 rgb(253,236,87)
```
#fdef6a
```
#fdef6a rgb(253,239,106)
```
#fef17e
```
#fef17e rgb(254,241,126)
```
#fef391
```
#fef391 rgb(254,243,145)
```
#fef5a4
```
#fef5a4 rgb(254,245,164)
```
#fef7b8
```
#fef7b8 rgb(254,247,184)
```
#fef9cb
```
#fef9cb rgb(254,249,203)
```
#fffbdf
```
#fffbdf rgb(255,251,223)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#616056
```
#616056 rgb(97,96,86)
```
#68654f
```
#68654f rgb(104,101,79)
```
#6f6b48
```
#6f6b48 rgb(111,107,72)
```
#767041
```
#767041 rgb(118,112,65)
```
#7d763a
```
#7d763a rgb(125,118,58)
```
#847c33
```
#847c33 rgb(132,124,51)
```
#8b812c
```
#8b812c rgb(139,129,44)
```
#928725
```
#928725 rgb(146,135,37)
```
#998d1e
```
#998d1e rgb(153,141,30)
```
#a09217
```
#a09217 rgb(160,146,23)
```
#a79810
```
#a79810 rgb(167,152,16)
```
#ae9d09
```
#ae9d09 rgb(174,157,9)
```
#b5a302
```
#b5a302 rgb(181,163,2)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9c9978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba70a Protanopia 1% of men
#d09e1b Deuteranopia 1% of men
#c39ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a507 Protanomaly 1% of men, 0.01% of women
#c6a012 Deuteranomaly 6% of men, 0.4% of women
#bd9e6b Tritanomaly 0.01% of the population

#b5a302 hex color

#b5a302 Color Information

#b5a302 Color Conversion

Color Schemes with #b5a302

Alternatives to #b5a302

#b5a302 Preview

Shades and Tints of #b5a302

Tones of #b5a302

Color Blindness Simulator