#bba318 hex color

In a RGB color space, hex #bba318 is composed of 73.3% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 87.2% yellow and 26.7% black. It has a hue angle of 51.2 degrees, a saturation of 77.3% and a lightness of 41.4%. #bba318 color hex could be obtained by blending #ffff30 with #774700. Closest websafe color is: #cc9900.

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

● #bba318 color description : Strong yellow.

The hexadecimal color #bba318 has RGB values of R:187, G:163, B:24 and CMYK values of C:0, M:0.13, Y:0.87, K:0.27. Its decimal value is 12296984.

Hex triplet	bba318	`#bba318`
RGB Decimal	187, 163, 24	`rgb(187,163,24)`
RGB Percent	73.3, 63.9, 9.4	`rgb(73.3%,63.9%,9.4%)`
CMYK	0, 13, 87, 27
HSL	51.2°, 77.3, 41.4	`hsl(51.2,77.3%,41.4%)`
HSV (or HSB)	51.2°, 87.2, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.147, -4.305, 66.436
XYZ	33.756, 36.826, 6.194
xyY	0.44, 0.48, 36.826
CIE-LCH	67.147, 66.575, 93.708
CIE-LUV	67.147, 22.205, 69.601
Hunter-Lab	60.685, -6.907, 36.427
Binary	10111011, 10100011, 00011000

#bba318
```
#bba318 rgb(187,163,24)
```
#1830bb
```
#1830bb rgb(24,48,187)
```

Complementary Color

#bb5218
```
#bb5218 rgb(187,82,24)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#82bb18
```
#82bb18 rgb(130,187,24)
```

Analogous Color

#5218bb
```
#5218bb rgb(82,24,187)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#1882bb
```
#1882bb rgb(24,130,187)
```

Split Complementary Color

#a318bb
```
#a318bb rgb(163,24,187)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#18bba3
```
#18bba3 rgb(24,187,163)
```

Triadic Color

#bb1830
```
#bb1830 rgb(187,24,48)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#18bba3
```
#18bba3 rgb(24,187,163)
```
#1830bb
```
#1830bb rgb(24,48,187)
```

Tetradic Color

#77680f
```
#77680f rgb(119,104,15)
```
#8e7c12
```
#8e7c12 rgb(142,124,18)
```
#a48f15
```
#a48f15 rgb(164,143,21)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#d2b71b
```
#d2b71b rgb(210,183,27)
```
#e3c723
```
#e3c723 rgb(227,199,35)
```
#e6cc3a
```
#e6cc3a rgb(230,204,58)
```

Monochromatic Color

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

#bb7a18
```
#bb7a18 rgb(187,122,24)
```
#bb8818
```
#bb8818 rgb(187,136,24)
```
#bb9518
```
#bb9518 rgb(187,149,24)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#bbb118
```
#bbb118 rgb(187,177,24)
```
#b8bb18
```
#b8bb18 rgb(184,187,24)
```
#aabb18
```
#aabb18 rgb(170,187,24)
```

Similar Colors

Text with hexadecimal color #bba318

This text has a font color of #bba318.

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

#bba318 background color

This paragraph has a background color of #bba318.

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

#bba318 border color

This element has a border color of #bba318.

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

CSS codes

.text {color:#bba318;}

.background {background-color:#bba318;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1f1b04
```
#1f1b04 rgb(31,27,4)
```
#302a06
```
#302a06 rgb(48,42,6)
```
#413908
```
#413908 rgb(65,57,8)
```
#53480b
```
#53480b rgb(83,72,11)
```
#64570d
```
#64570d rgb(100,87,13)
```
#75660f
```
#75660f rgb(117,102,15)
```
#877611
```
#877611 rgb(135,118,17)
```
#988514
```
#988514 rgb(152,133,20)
```
#aa9416
```
#aa9416 rgb(170,148,22)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#ccb21a
```
#ccb21a rgb(204,178,26)
```
#dec11c
```
#dec11c rgb(222,193,28)
```

Shade Color Variation

#e4c82a
```
#e4c82a rgb(228,200,42)
```
#e6cd3c
```
#e6cd3c rgb(230,205,60)
```
#e8d14d
```
#e8d14d rgb(232,209,77)
```
#ead65e
```
#ead65e rgb(234,214,94)
```
#edda70
```
#edda70 rgb(237,218,112)
```
#efdf81
```
#efdf81 rgb(239,223,129)
```
#f1e392
```
#f1e392 rgb(241,227,146)
```
#f3e8a4
```
#f3e8a4 rgb(243,232,164)
```
#f6ecb5
```
#f6ecb5 rgb(246,236,181)
```
#f8f1c7
```
#f8f1c7 rgb(248,241,199)
```
#faf5d8
```
#faf5d8 rgb(250,245,216)
```
#fcf9e9
```
#fcf9e9 rgb(252,249,233)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#6a6a69
```
#6a6a69 rgb(106,106,105)
```
#726f61
```
#726f61 rgb(114,111,97)
```
#7a7559
```
#7a7559 rgb(122,117,89)
```
#827b51
```
#827b51 rgb(130,123,81)
```
#8a8149
```
#8a8149 rgb(138,129,73)
```
#928641
```
#928641 rgb(146,134,65)
```
#9b8c38
```
#9b8c38 rgb(155,140,56)
```
#a39230
```
#a39230 rgb(163,146,48)
```
#ab9828
```
#ab9828 rgb(171,152,40)
```
#b39d20
```
#b39d20 rgb(179,157,32)
```
#bba318
```
#bba318 rgb(187,163,24)
```
#c3a910
```
#c3a910 rgb(195,169,16)
```
#cbae08
```
#cbae08 rgb(203,174,8)
```

Tone Color Variation

Below, you can see how #bba318 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
#a19c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca824 Protanopia 1% of men
#d1a029 Deuteranopia 1% of men
#c89ca7 Tritanopia 0.001% of the population

Trichromacy

#bba61f Protanomaly 1% of men, 0.01% of women
#c9a123 Deuteranomaly 6% of men, 0.4% of women
#c39f73 Tritanomaly 0.01% of the population

#bba318 hex color

#bba318 Color Information

#bba318 Color Conversion

Color Schemes with #bba318

Alternatives to #bba318

#bba318 Preview

Shades and Tints of #bba318

Tones of #bba318

Color Blindness Simulator