#bca300 hex color

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

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

● #bca300 color description : Strong yellow.

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

Hex triplet	bca300	`#bca300`
RGB Decimal	188, 163, 0	`rgb(188,163,0)`
RGB Percent	73.7, 63.9, 0	`rgb(73.7%,63.9%,0%)`
CMYK	0, 13, 100, 26
HSL	52°, 100, 36.9	`hsl(52,100%,36.9%)`
HSV (or HSB)	52°, 100, 73.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.192, -4.22, 70.238
XYZ	33.837, 36.887, 5.338
xyY	0.445, 0.485, 36.887
CIE-LCH	67.192, 70.364, 93.438
CIE-LUV	67.192, 23.198, 71.692
Hunter-Lab	60.735, -6.839, 37.304
Binary	10111100, 10100011, 00000000

#bca300
```
#bca300 rgb(188,163,0)
```
#0019bc
```
#0019bc rgb(0,25,188)
```

Complementary Color

#bc4500
```
#bc4500 rgb(188,69,0)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#77bc00
```
#77bc00 rgb(119,188,0)
```

Analogous Color

#4500bc
```
#4500bc rgb(69,0,188)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#0077bc
```
#0077bc rgb(0,119,188)
```

Split Complementary Color

#a300bc
```
#a300bc rgb(163,0,188)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#00bca3
```
#00bca3 rgb(0,188,163)
```

Triadic Color

#bc0019
```
#bc0019 rgb(188,0,25)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#00bca3
```
#00bca3 rgb(0,188,163)
```
#0019bc
```
#0019bc rgb(0,25,188)
```

Tetradic Color

#706100
```
#706100 rgb(112,97,0)
```
#897700
```
#897700 rgb(137,119,0)
```
#a38d00
```
#a38d00 rgb(163,141,0)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#d6b900
```
#d6b900 rgb(214,185,0)
```
#efcf00
```
#efcf00 rgb(239,207,0)
```
#ffde0a
```
#ffde0a rgb(255,222,10)
```

Monochromatic Color

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

#bc7400
```
#bc7400 rgb(188,116,0)
```
#bc8400
```
#bc8400 rgb(188,132,0)
```
#bc9300
```
#bc9300 rgb(188,147,0)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#bcb300
```
#bcb300 rgb(188,179,0)
```
#b6bc00
```
#b6bc00 rgb(182,188,0)
```
#a6bc00
```
#a6bc00 rgb(166,188,0)
```

Similar Colors

Text with hexadecimal color #bca300

This text has a font color of #bca300.

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

#bca300 background color

This paragraph has a background color of #bca300.

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

#bca300 border color

This element has a border color of #bca300.

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

CSS codes

.text {color:#bca300;}

.background {background-color:#bca300;}

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

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

#0b0a00
```
#0b0a00 rgb(11,10,0)
```
#1f1b00
```
#1f1b00 rgb(31,27,0)
```
#332c00
```
#332c00 rgb(51,44,0)
```
#463d00
```
#463d00 rgb(70,61,0)
```
#5a4e00
```
#5a4e00 rgb(90,78,0)
```
#6e5f00
```
#6e5f00 rgb(110,95,0)
```
#817000
```
#817000 rgb(129,112,0)
```
#958100
```
#958100 rgb(149,129,0)
```
#a89200
```
#a89200 rgb(168,146,0)
```
#bca300
```
#bca300 rgb(188,163,0)
```
#d0b400
```
#d0b400 rgb(208,180,0)
```
#e3c500
```
#e3c500 rgb(227,197,0)
```
#f7d600
```
#f7d600 rgb(247,214,0)
```

Shade Color Variation

#ffdf0b
```
#ffdf0b rgb(255,223,11)
```
#ffe11f
```
#ffe11f rgb(255,225,31)
```
#ffe433
```
#ffe433 rgb(255,228,51)
```
#ffe646
```
#ffe646 rgb(255,230,70)
```
#ffe95a
```
#ffe95a rgb(255,233,90)
```
#ffec6e
```
#ffec6e rgb(255,236,110)
```
#ffee81
```
#ffee81 rgb(255,238,129)
```
#fff195
```
#fff195 rgb(255,241,149)
```
#fff3a8
```
#fff3a8 rgb(255,243,168)
```
#fff6bc
```
#fff6bc rgb(255,246,188)
```
#fff9d0
```
#fff9d0 rgb(255,249,208)
```
#fffbe3
```
#fffbe3 rgb(255,251,227)
```
#fffef7
```
#fffef7 rgb(255,254,247)
```

Tint Color Variation

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

#656357
```
#656357 rgb(101,99,87)
```
#6c6950
```
#6c6950 rgb(108,105,80)
```
#746e48
```
#746e48 rgb(116,110,72)
```
#7b7341
```
#7b7341 rgb(123,115,65)
```
#82793a
```
#82793a rgb(130,121,58)
```
#897e33
```
#897e33 rgb(137,126,51)
```
#91832b
```
#91832b rgb(145,131,43)
```
#988824
```
#988824 rgb(152,136,36)
```
#9f8e1d
```
#9f8e1d rgb(159,142,29)
```
#a69316
```
#a69316 rgb(166,147,22)
```
#ae980e
```
#ae980e rgb(174,152,14)
```
#b59e07
```
#b59e07 rgb(181,158,7)
```
#bca300
```
#bca300 rgb(188,163,0)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f9a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca805 Protanopia 1% of men
#d2a018 Deuteranopia 1% of men
#c99ca7 Tritanopia 0.001% of the population

Trichromacy

#bca603 Protanomaly 1% of men, 0.01% of women
#caa10f Deuteranomaly 6% of men, 0.4% of women
#c49e6a Tritanomaly 0.01% of the population

#bca300 hex color

#bca300 Color Information

#bca300 Color Conversion

Color Schemes with #bca300

Alternatives to #bca300

#bca300 Preview

Shades and Tints of #bca300

Tones of #bca300

Color Blindness Simulator