#bba312 hex color

In a RGB color space, hex #bba312 is composed of 73.3% red, 63.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 90.4% yellow and 26.7% black. It has a hue angle of 51.5 degrees, a saturation of 82.4% and a lightness of 40.2%. #bba312 color hex could be obtained by blending #ffff24 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

● #bba312 color description : Strong yellow.

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

Hex triplet	bba312	`#bba312`
RGB Decimal	187, 163, 18	`rgb(187,163,18)`
RGB Percent	73.3, 63.9, 7.1	`rgb(73.3%,63.9%,7.1%)`
CMYK	0, 13, 90, 27
HSL	51.5°, 82.4, 40.2	`hsl(51.5,82.4%,40.2%)`
HSV (or HSB)	51.5°, 90.4, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.13, -4.428, 67.64
XYZ	33.7, 36.804, 5.901
xyY	0.441, 0.482, 36.804
CIE-LCH	67.13, 67.785, 93.745
CIE-LUV	67.13, 22.287, 70.3
Hunter-Lab	60.666, -7.009, 36.699
Binary	10111011, 10100011, 00010010

#bba312
```
#bba312 rgb(187,163,18)
```
#122abb
```
#122abb rgb(18,42,187)
```

Complementary Color

#bb4e12
```
#bb4e12 rgb(187,78,18)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#7fbb12
```
#7fbb12 rgb(127,187,18)
```

Analogous Color

#4f12bb
```
#4f12bb rgb(79,18,187)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#127fbb
```
#127fbb rgb(18,127,187)
```

Split Complementary Color

#a312bb
```
#a312bb rgb(163,18,187)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#12bba3
```
#12bba3 rgb(18,187,163)
```

Triadic Color

#bb122a
```
#bb122a rgb(187,18,42)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#12bba3
```
#12bba3 rgb(18,187,163)
```
#122abb
```
#122abb rgb(18,42,187)
```

Tetradic Color

#75660b
```
#75660b rgb(117,102,11)
```
#8c7a0e
```
#8c7a0e rgb(140,122,14)
```
#a48f10
```
#a48f10 rgb(164,143,16)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#d2b714
```
#d2b714 rgb(210,183,20)
```
#e9cb17
```
#e9cb17 rgb(233,203,23)
```
#ebd02f
```
#ebd02f rgb(235,208,47)
```

Monochromatic Color

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

#bb7912
```
#bb7912 rgb(187,121,18)
```
#bb8712
```
#bb8712 rgb(187,135,18)
```
#bb9512
```
#bb9512 rgb(187,149,18)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#bbb112
```
#bbb112 rgb(187,177,18)
```
#b7bb12
```
#b7bb12 rgb(183,187,18)
```
#a9bb12
```
#a9bb12 rgb(169,187,18)
```

Similar Colors

Text with hexadecimal color #bba312

This text has a font color of #bba312.

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

#bba312 background color

This paragraph has a background color of #bba312.

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

#bba312 border color

This element has a border color of #bba312.

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

CSS codes

.text {color:#bba312;}

.background {background-color:#bba312;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1702
```
#1a1702 rgb(26,23,2)
```
#2c2604
```
#2c2604 rgb(44,38,4)
```
#3e3606
```
#3e3606 rgb(62,54,6)
```
#504508
```
#504508 rgb(80,69,8)
```
#625509
```
#625509 rgb(98,85,9)
```
#73650b
```
#73650b rgb(115,101,11)
```
#85740d
```
#85740d rgb(133,116,13)
```
#97840f
```
#97840f rgb(151,132,15)
```
#a99310
```
#a99310 rgb(169,147,16)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#cdb314
```
#cdb314 rgb(205,179,20)
```
#dfc215
```
#dfc215 rgb(223,194,21)
```

Shade Color Variation

#e9cd1e
```
#e9cd1e rgb(233,205,30)
```
#ebd130
```
#ebd130 rgb(235,209,48)
```
#edd542
```
#edd542 rgb(237,213,66)
```
#efd954
```
#efd954 rgb(239,217,84)
```
#f0dd66
```
#f0dd66 rgb(240,221,102)
```
#f2e178
```
#f2e178 rgb(242,225,120)
```
#f4e58a
```
#f4e58a rgb(244,229,138)
```
#f5e99c
```
#f5e99c rgb(245,233,156)
```
#f7edae
```
#f7edae rgb(247,237,174)
```
#f9f1bf
```
#f9f1bf rgb(249,241,191)
```
#fbf5d1
```
#fbf5d1 rgb(251,245,209)
```
#fcf9e3
```
#fcf9e3 rgb(252,249,227)
```
#fefdf5
```
#fefdf5 rgb(254,253,245)
```

Tint Color Variation

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

#6c6b61
```
#6c6b61 rgb(108,107,97)
```
#747059
```
#747059 rgb(116,112,89)
```
#7c7651
```
#7c7651 rgb(124,118,81)
```
#847b49
```
#847b49 rgb(132,123,73)
```
#8c8141
```
#8c8141 rgb(140,129,65)
```
#948739
```
#948739 rgb(148,135,57)
```
#9b8c32
```
#9b8c32 rgb(155,140,50)
```
#a3922a
```
#a3922a rgb(163,146,42)
```
#ab9822
```
#ab9822 rgb(171,152,34)
```
#b39d1a
```
#b39d1a rgb(179,157,26)
```
#bba312
```
#bba312 rgb(187,163,18)
```
#c3a90a
```
#c3a90a rgb(195,169,10)
```
#cbae02
```
#cbae02 rgb(203,174,2)
```

Tone Color Variation

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

#bca81e 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
#c9a11e Deuteranomaly 6% of men, 0.4% of women
#c39f71 Tritanomaly 0.01% of the population

#bba312 hex color

#bba312 Color Information

#bba312 Color Conversion

Color Schemes with #bba312

Alternatives to #bba312

#bba312 Preview

Shades and Tints of #bba312

Tones of #bba312

Color Blindness Simulator