#bca301 hex color

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

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

● #bca301 color description : Strong yellow.

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

Hex triplet	bca301	`#bca301`
RGB Decimal	188, 163, 1	`rgb(188,163,1)`
RGB Percent	73.7, 63.9, 0.4	`rgb(73.7%,63.9%,0.4%)`
CMYK	0, 13, 99, 26
HSL	52°, 98.9, 37.1	`hsl(52,98.9%,37.1%)`
HSV (or HSB)	52°, 99.5, 73.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.194, -4.208, 70.109
XYZ	33.842, 36.889, 5.367
xyY	0.445, 0.485, 36.889
CIE-LCH	67.194, 70.235, 93.435
CIE-LUV	67.194, 23.19, 71.623
Hunter-Lab	60.736, -6.829, 37.277
Binary	10111100, 10100011, 00000001

#bca301
```
#bca301 rgb(188,163,1)
```
#011abc
```
#011abc rgb(1,26,188)
```

Complementary Color

#bc4601
```
#bc4601 rgb(188,70,1)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#78bc01
```
#78bc01 rgb(120,188,1)
```

Analogous Color

#4601bc
```
#4601bc rgb(70,1,188)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#0178bc
```
#0178bc rgb(1,120,188)
```

Split Complementary Color

#a301bc
```
#a301bc rgb(163,1,188)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#01bca3
```
#01bca3 rgb(1,188,163)
```

Triadic Color

#bc011a
```
#bc011a rgb(188,1,26)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#01bca3
```
#01bca3 rgb(1,188,163)
```
#011abc
```
#011abc rgb(1,26,188)
```

Tetradic Color

#706101
```
#706101 rgb(112,97,1)
```
#897701
```
#897701 rgb(137,119,1)
```
#a38d01
```
#a38d01 rgb(163,141,1)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#d5b901
```
#d5b901 rgb(213,185,1)
```
#efcf01
```
#efcf01 rgb(239,207,1)
```
#fedd0c
```
#fedd0c rgb(254,221,12)
```

Monochromatic Color

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

#bc7401
```
#bc7401 rgb(188,116,1)
```
#bc8401
```
#bc8401 rgb(188,132,1)
```
#bc9301
```
#bc9301 rgb(188,147,1)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#bcb301
```
#bcb301 rgb(188,179,1)
```
#b6bc01
```
#b6bc01 rgb(182,188,1)
```
#a6bc01
```
#a6bc01 rgb(166,188,1)
```

Similar Colors

Text with hexadecimal color #bca301

This text has a font color of #bca301.

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

#bca301 background color

This paragraph has a background color of #bca301.

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

#bca301 border color

This element has a border color of #bca301.

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

CSS codes

.text {color:#bca301;}

.background {background-color:#bca301;}

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

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

#0c0b00
```
#0c0b00 rgb(12,11,0)
```
#201c00
```
#201c00 rgb(32,28,0)
```
#332d00
```
#332d00 rgb(51,45,0)
```
#473d00
```
#473d00 rgb(71,61,0)
```
#5a4e00
```
#5a4e00 rgb(90,78,0)
```
#6e5f01
```
#6e5f01 rgb(110,95,1)
```
#817001
```
#817001 rgb(129,112,1)
```
#958101
```
#958101 rgb(149,129,1)
```
#a89201
```
#a89201 rgb(168,146,1)
```
#bca301
```
#bca301 rgb(188,163,1)
```
#d0b401
```
#d0b401 rgb(208,180,1)
```
#e3c501
```
#e3c501 rgb(227,197,1)
```
#f7d601
```
#f7d601 rgb(247,214,1)
```

Shade Color Variation

#fede0e
```
#fede0e rgb(254,222,14)
```
#fee021
```
#fee021 rgb(254,224,33)
```
#fee335
```
#fee335 rgb(254,227,53)
```
#fee648
```
#fee648 rgb(254,230,72)
```
#fee85c
```
#fee85c rgb(254,232,92)
```
#feeb6f
```
#feeb6f rgb(254,235,111)
```
#feee83
```
#feee83 rgb(254,238,131)
```
#fef196
```
#fef196 rgb(254,241,150)
```
#fff3aa
```
#fff3aa rgb(255,243,170)
```
#fff6bd
```
#fff6bd rgb(255,246,189)
```
#fff9d1
```
#fff9d1 rgb(255,249,209)
```
#fffbe4
```
#fffbe4 rgb(255,251,228)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#656358
```
#656358 rgb(101,99,88)
```
#6c6851
```
#6c6851 rgb(108,104,81)
```
#736e4a
```
#736e4a rgb(115,110,74)
```
#7b7342
```
#7b7342 rgb(123,115,66)
```
#82783b
```
#82783b rgb(130,120,59)
```
#897e34
```
#897e34 rgb(137,126,52)
```
#90832d
```
#90832d rgb(144,131,45)
```
#988825
```
#988825 rgb(152,136,37)
```
#9f8e1e
```
#9f8e1e rgb(159,142,30)
```
#a69317
```
#a69317 rgb(166,147,23)
```
#ad9810
```
#ad9810 rgb(173,152,16)
```
#b59e08
```
#b59e08 rgb(181,158,8)
```
#bca301
```
#bca301 rgb(188,163,1)
```

Tone Color Variation

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

#bca809 Protanopia 1% of men
#d2a019 Deuteranopia 1% of men
#c99ca7 Tritanopia 0.001% of the population

Trichromacy

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

#bca301 hex color

#bca301 Color Information

#bca301 Color Conversion

Color Schemes with #bca301

Alternatives to #bca301

#bca301 Preview

Shades and Tints of #bca301

Tones of #bca301

Color Blindness Simulator