#bba313 hex color

In a RGB color space, hex #bba313 is composed of 73.3% red, 63.9% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 89.8% yellow and 26.7% black. It has a hue angle of 51.4 degrees, a saturation of 81.6% and a lightness of 40.4%. #bba313 color hex could be obtained by blending #ffff26 with #774700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 64
- B 7
RGB color chart
- C 0
- M 13
- Y 90
- K 27
CMYK color chart

● #bba313 color description : Strong yellow.

The hexadecimal color #bba313 has RGB values of R:187, G:163, B:19 and CMYK values of C:0, M:0.13, Y:0.9, K:0.27. Its decimal value is 12296979.

Hex triplet	bba313	`#bba313`
RGB Decimal	187, 163, 19	`rgb(187,163,19)`
RGB Percent	73.3, 63.9, 7.5	`rgb(73.3%,63.9%,7.5%)`
CMYK	0, 13, 90, 27
HSL	51.4°, 81.6, 40.4	`hsl(51.4,81.6%,40.4%)`
HSV (or HSB)	51.4°, 89.8, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.132, -4.41, 67.457
XYZ	33.709, 36.807, 5.945
xyY	0.441, 0.481, 36.807
CIE-LCH	67.132, 67.601, 93.74
CIE-LUV	67.132, 22.275, 70.194
Hunter-Lab	60.669, -6.994, 36.658
Binary	10111011, 10100011, 00010011

#bba313
```
#bba313 rgb(187,163,19)
```
#132bbb
```
#132bbb rgb(19,43,187)
```

Complementary Color

#bb4f13
```
#bb4f13 rgb(187,79,19)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#7fbb13
```
#7fbb13 rgb(127,187,19)
```

Analogous Color

#4f13bb
```
#4f13bb rgb(79,19,187)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#137fbb
```
#137fbb rgb(19,127,187)
```

Split Complementary Color

#a313bb
```
#a313bb rgb(163,19,187)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#13bba3
```
#13bba3 rgb(19,187,163)
```

Triadic Color

#bb132b
```
#bb132b rgb(187,19,43)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#13bba3
```
#13bba3 rgb(19,187,163)
```
#132bbb
```
#132bbb rgb(19,43,187)
```

Tetradic Color

#76660c
```
#76660c rgb(118,102,12)
```
#8d7b0e
```
#8d7b0e rgb(141,123,14)
```
#a48f11
```
#a48f11 rgb(164,143,17)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#d2b715
```
#d2b715 rgb(210,183,21)
```
#e8ca19
```
#e8ca19 rgb(232,202,25)
```
#ead030
```
#ead030 rgb(234,208,48)
```

Monochromatic Color

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

#bb7913
```
#bb7913 rgb(187,121,19)
```
#bb8713
```
#bb8713 rgb(187,135,19)
```
#bb9513
```
#bb9513 rgb(187,149,19)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#bbb113
```
#bbb113 rgb(187,177,19)
```
#b7bb13
```
#b7bb13 rgb(183,187,19)
```
#a9bb13
```
#a9bb13 rgb(169,187,19)
```

Similar Colors

Text with hexadecimal color #bba313

This text has a font color of #bba313.

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

#bba313 background color

This paragraph has a background color of #bba313.

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

#bba313 border color

This element has a border color of #bba313.

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

CSS codes

.text {color:#bba313;}

.background {background-color:#bba313;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1b1703
```
#1b1703 rgb(27,23,3)
```
#2d2705
```
#2d2705 rgb(45,39,5)
```
#3e3606
```
#3e3606 rgb(62,54,6)
```
#504608
```
#504608 rgb(80,70,8)
```
#62550a
```
#62550a rgb(98,85,10)
```
#74650c
```
#74650c rgb(116,101,12)
```
#86740e
```
#86740e rgb(134,116,14)
```
#97840f
```
#97840f rgb(151,132,15)
```
#a99311
```
#a99311 rgb(169,147,17)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#cdb315
```
#cdb315 rgb(205,179,21)
```
#dfc217
```
#dfc217 rgb(223,194,23)
```

Shade Color Variation

#e8cc20
```
#e8cc20 rgb(232,204,32)
```
#ead032
```
#ead032 rgb(234,208,50)
```
#ecd444
```
#ecd444 rgb(236,212,68)
```
#eed856
```
#eed856 rgb(238,216,86)
```
#f0dc68
```
#f0dc68 rgb(240,220,104)
```
#f1e079
```
#f1e079 rgb(241,224,121)
```
#f3e48b
```
#f3e48b rgb(243,228,139)
```
#f5e89d
```
#f5e89d rgb(245,232,157)
```
#f7edaf
```
#f7edaf rgb(247,237,175)
```
#f9f1c1
```
#f9f1c1 rgb(249,241,193)
```
#faf5d3
```
#faf5d3 rgb(250,245,211)
```
#fcf9e4
```
#fcf9e4 rgb(252,249,228)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#6c6a62
```
#6c6a62 rgb(108,106,98)
```
#74705a
```
#74705a rgb(116,112,90)
```
#7c7652
```
#7c7652 rgb(124,118,82)
```
#847b4a
```
#847b4a rgb(132,123,74)
```
#8b8143
```
#8b8143 rgb(139,129,67)
```
#93873b
```
#93873b rgb(147,135,59)
```
#9b8c33
```
#9b8c33 rgb(155,140,51)
```
#a3922b
```
#a3922b rgb(163,146,43)
```
#ab9823
```
#ab9823 rgb(171,152,35)
```
#b39d1b
```
#b39d1b rgb(179,157,27)
```
#bba313
```
#bba313 rgb(187,163,19)
```
#c3a90b
```
#c3a90b rgb(195,169,11)
```
#cbae03
```
#cbae03 rgb(203,174,3)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a19c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca81f Protanopia 1% of men
#d1a025 Deuteranopia 1% of men
#c89ca7 Tritanopia 0.001% of the population

Trichromacy

#bba61a Protanomaly 1% of men, 0.01% of women
#c9a11f Deuteranomaly 6% of men, 0.4% of women
#c39f71 Tritanomaly 0.01% of the population

#bba313 hex color

#bba313 Color Information

#bba313 Color Conversion

Color Schemes with #bba313

Alternatives to #bba313

#bba313 Preview

Shades and Tints of #bba313

Tones of #bba313

Color Blindness Simulator