colorhexa.com

#bba62f hex color

In a RGB color space, hex #bba62f is composed of 73.3% red, 65.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 74.9% yellow and 26.7% black. It has a hue angle of 51 degrees, a saturation of 59.8% and a lightness of 45.9%. #bba62f color hex could be obtained by blending #ffff5e with #774d00. Closest websafe color is: #cc9933.

- R 73
- G 65
- B 18
RGB color chart
- C 0
- M 11
- Y 75
- K 27
CMYK color chart

● #bba62f color description : Moderate yellow.

The hexadecimal color #bba62f has RGB values of R:187, G:166, B:47 and CMYK values of C:0, M:0.11, Y:0.75, K:0.27. Its decimal value is 12297775.

Hex triplet	bba62f	`#bba62f`
RGB Decimal	187, 166, 47	`rgb(187,166,47)`
RGB Percent	73.3, 65.1, 18.4	`rgb(73.3%,65.1%,18.4%)`
CMYK	0, 11, 75, 27
HSL	51°, 59.8, 45.9	`hsl(51,59.8%,45.9%)`
HSV (or HSB)	51°, 74.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.053, -5.136, 60.433
XYZ	34.643, 38.044, 8.208
xyY	0.428, 0.47, 38.044
CIE-LCH	68.053, 60.651, 94.858
CIE-LUV	68.053, 19.591, 66.54
Hunter-Lab	61.68, -7.682, 35.286
Binary	10111011, 10100110, 00101111

#bba62f
```
#bba62f rgb(187,166,47)
```
#2f44bb
```
#2f44bb rgb(47,68,187)
```

Complementary Color

#bb602f
```
#bb602f rgb(187,96,47)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#8abb2f
```
#8abb2f rgb(138,187,47)
```

Analogous Color

#602fbb
```
#602fbb rgb(96,47,187)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#2f8abb
```
#2f8abb rgb(47,138,187)
```

Split Complementary Color

#a62fbb
```
#a62fbb rgb(166,47,187)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#2fbba6
```
#2fbba6 rgb(47,187,166)
```

Triadic Color

#bb2f44
```
#bb2f44 rgb(187,47,68)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#2fbba6
```
#2fbba6 rgb(47,187,166)
```
#2f44bb
```
#2f44bb rgb(47,68,187)
```

Tetradic Color

#7e7020
```
#7e7020 rgb(126,112,32)
```
#928225
```
#928225 rgb(146,130,37)
```
#a7942a
```
#a7942a rgb(167,148,42)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#cdb637
```
#cdb637 rgb(205,182,55)
```
#d2be4b
```
#d2be4b rgb(210,190,75)
```
#d7c560
```
#d7c560 rgb(215,197,96)
```

Monochromatic Color

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

#bb832f
```
#bb832f rgb(187,131,47)
```
#bb8f2f
```
#bb8f2f rgb(187,143,47)
```
#bb9a2f
```
#bb9a2f rgb(187,154,47)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#bbb22f
```
#bbb22f rgb(187,178,47)
```
#b9bb2f
```
#b9bb2f rgb(185,187,47)
```
#adbb2f
```
#adbb2f rgb(173,187,47)
```

Similar Colors

Text with hexadecimal color #bba62f

This text has a font color of #bba62f.

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

#bba62f background color

This paragraph has a background color of #bba62f.

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

#bba62f border color

This element has a border color of #bba62f.

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

CSS codes

.text {color:#bba62f;}

.background {background-color:#bba62f;}

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

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, #0f0d04 is the darkest color, while #fffffe is the lightest one.

#0f0d04
```
#0f0d04 rgb(15,13,4)
```
#1e1b08
```
#1e1b08 rgb(30,27,8)
```
#2e290c
```
#2e290c rgb(46,41,12)
```
#3e370f
```
#3e370f rgb(62,55,15)
```
#4d4513
```
#4d4513 rgb(77,69,19)
```
#5d5317
```
#5d5317 rgb(93,83,23)
```
#6d601b
```
#6d601b rgb(109,96,27)
```
#7c6e1f
```
#7c6e1f rgb(124,110,31)
```
#8c7c23
```
#8c7c23 rgb(140,124,35)
```
#9c8a27
```
#9c8a27 rgb(156,138,39)
```
#ab982b
```
#ab982b rgb(171,152,43)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#cbb433
```
#cbb433 rgb(203,180,51)
```

Shade Color Variation

#cfba42
```
#cfba42 rgb(207,186,66)
```
#d3c051
```
#d3c051 rgb(211,192,81)
```
#d7c661
```
#d7c661 rgb(215,198,97)
```
#dbcb71
```
#dbcb71 rgb(219,203,113)
```
#dfd180
```
#dfd180 rgb(223,209,128)
```
#e3d790
```
#e3d790 rgb(227,215,144)
```
#e7dca0
```
#e7dca0 rgb(231,220,160)
```
#ebe2b0
```
#ebe2b0 rgb(235,226,176)
```
#efe8bf
```
#efe8bf rgb(239,232,191)
```
#f3edcf
```
#f3edcf rgb(243,237,207)
```
#f7f3df
```
#f7f3df rgb(247,243,223)
```
#fbf9ee
```
#fbf9ee rgb(251,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7c7a6e
```
#7c7a6e rgb(124,122,110)
```
#858065
```
#858065 rgb(133,128,101)
```
#8e875c
```
#8e875c rgb(142,135,92)
```
#978d53
```
#978d53 rgb(151,141,83)
```
#a0934a
```
#a0934a rgb(160,147,74)
```
#a99941
```
#a99941 rgb(169,153,65)
```
#b2a038
```
#b2a038 rgb(178,160,56)
```
#bba62f
```
#bba62f rgb(187,166,47)
```
#c4ac26
```
#c4ac26 rgb(196,172,38)
```
#cdb31d
```
#cdb31d rgb(205,179,29)
```
#d6b914
```
#d6b914 rgb(214,185,20)
```
#dfbf0b
```
#dfbf0b rgb(223,191,11)
```
#e8c602
```
#e8c602 rgb(232,198,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a5a089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa39 Protanopia 1% of men
#d3a23d Deuteranopia 1% of men
#c8a0ab Tritanopia 0.001% of the population

Trichromacy

#bca935 Protanomaly 1% of men, 0.01% of women
#caa338 Deuteranomaly 6% of men, 0.4% of women
#c3a27e Tritanomaly 0.01% of the population