#bca316 hex color

In a RGB color space, hex #bca316 is composed of 73.7% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 88.3% yellow and 26.3% black. It has a hue angle of 51 degrees, a saturation of 79% and a lightness of 41.2%. #bca316 color hex could be obtained by blending #ffff2c with #794700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 74
- G 64
- B 9
RGB color chart
- C 0
- M 13
- Y 88
- K 26
CMYK color chart

● #bca316 color description : Strong yellow.

The hexadecimal color #bca316 has RGB values of R:188, G:163, B:22 and CMYK values of C:0, M:0.13, Y:0.88, K:0.26. Its decimal value is 12362518.

Hex triplet	bca316	`#bca316`
RGB Decimal	188, 163, 22	`rgb(188,163,22)`
RGB Percent	73.7, 63.9, 8.6	`rgb(73.7%,63.9%,8.6%)`
CMYK	0, 13, 88, 26
HSL	51°, 79, 41.2	`hsl(51,79%,41.2%)`
HSV (or HSB)	51°, 88.3, 73.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.236, -3.903, 66.981
XYZ	33.981, 36.945, 6.1
xyY	0.441, 0.48, 36.945
CIE-LCH	67.236, 67.095, 93.335
CIE-LUV	67.236, 22.98, 69.871
Hunter-Lab	60.782, -6.576, 36.597
Binary	10111100, 10100011, 00010110

#bca316
```
#bca316 rgb(188,163,22)
```
#162fbc
```
#162fbc rgb(22,47,188)
```

Complementary Color

#bc5016
```
#bc5016 rgb(188,80,22)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#82bc16
```
#82bc16 rgb(130,188,22)
```

Analogous Color

#5016bc
```
#5016bc rgb(80,22,188)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#1682bc
```
#1682bc rgb(22,130,188)
```

Split Complementary Color

#a316bc
```
#a316bc rgb(163,22,188)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#16bca3
```
#16bca3 rgb(22,188,163)
```

Triadic Color

#bc162f
```
#bc162f rgb(188,22,47)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#16bca3
```
#16bca3 rgb(22,188,163)
```
#162fbc
```
#162fbc rgb(22,47,188)
```

Tetradic Color

#78680e
```
#78680e rgb(120,104,14)
```
#8e7b11
```
#8e7b11 rgb(142,123,17)
```
#a58f13
```
#a58f13 rgb(165,143,19)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#d3b719
```
#d3b719 rgb(211,183,25)
```
#e5c720
```
#e5c720 rgb(229,199,32)
```
#e8cd37
```
#e8cd37 rgb(232,205,55)
```

Monochromatic Color

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

#bc7a16
```
#bc7a16 rgb(188,122,22)
```
#bc8716
```
#bc8716 rgb(188,135,22)
```
#bc9516
```
#bc9516 rgb(188,149,22)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#bcb116
```
#bcb116 rgb(188,177,22)
```
#b9bc16
```
#b9bc16 rgb(185,188,22)
```
#acbc16
```
#acbc16 rgb(172,188,22)
```

Similar Colors

Text with hexadecimal color #bca316

This text has a font color of #bca316.

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

#bca316 background color

This paragraph has a background color of #bca316.

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

#bca316 border color

This element has a border color of #bca316.

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

CSS codes

.text {color:#bca316;}

.background {background-color:#bca316;}

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

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

#0c0b01
```
#0c0b01 rgb(12,11,1)
```
#1e1a04
```
#1e1a04 rgb(30,26,4)
```
#302906
```
#302906 rgb(48,41,6)
```
#413808
```
#413808 rgb(65,56,8)
```
#53480a
```
#53480a rgb(83,72,10)
```
#64570c
```
#64570c rgb(100,87,12)
```
#76660e
```
#76660e rgb(118,102,14)
```
#877510
```
#877510 rgb(135,117,16)
```
#998512
```
#998512 rgb(153,133,18)
```
#aa9414
```
#aa9414 rgb(170,148,20)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#ceb218
```
#ceb218 rgb(206,178,24)
```
#dfc11a
```
#dfc11a rgb(223,193,26)
```

Shade Color Variation

#e6c927
```
#e6c927 rgb(230,201,39)
```
#e8cd39
```
#e8cd39 rgb(232,205,57)
```
#ead24a
```
#ead24a rgb(234,210,74)
```
#ecd65c
```
#ecd65c rgb(236,214,92)
```
#eedb6d
```
#eedb6d rgb(238,219,109)
```
#f0df7f
```
#f0df7f rgb(240,223,127)
```
#f2e390
```
#f2e390 rgb(242,227,144)
```
#f4e8a2
```
#f4e8a2 rgb(244,232,162)
```
#f6ecb4
```
#f6ecb4 rgb(246,236,180)
```
#f8f1c5
```
#f8f1c5 rgb(248,241,197)
```
#faf5d7
```
#faf5d7 rgb(250,245,215)
```
#fcf9e8
```
#fcf9e8 rgb(252,249,232)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#6b6b67
```
#6b6b67 rgb(107,107,103)
```
#73705f
```
#73705f rgb(115,112,95)
```
#7b7657
```
#7b7657 rgb(123,118,87)
```
#837b4f
```
#837b4f rgb(131,123,79)
```
#8c8146
```
#8c8146 rgb(140,129,70)
```
#94873e
```
#94873e rgb(148,135,62)
```
#9c8c36
```
#9c8c36 rgb(156,140,54)
```
#a4922e
```
#a4922e rgb(164,146,46)
```
#ac9826
```
#ac9826 rgb(172,152,38)
```
#b49d1e
```
#b49d1e rgb(180,157,30)
```
#bca316
```
#bca316 rgb(188,163,22)
```
#c4a90e
```
#c4a90e rgb(196,169,14)
```
#ccae06
```
#ccae06 rgb(204,174,6)
```

Tone Color Variation

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

#bca822 Protanopia 1% of men
#d2a027 Deuteranopia 1% of men
#c99ca7 Tritanopia 0.001% of the population

Trichromacy

#bca61d Protanomaly 1% of men, 0.01% of women
#caa121 Deuteranomaly 6% of men, 0.4% of women
#c49f72 Tritanomaly 0.01% of the population

#bca316 hex color

#bca316 Color Information

#bca316 Color Conversion

Color Schemes with #bca316

Alternatives to #bca316

#bca316 Preview

Shades and Tints of #bca316

Tones of #bca316

Color Blindness Simulator