#bca217 hex color

In a RGB color space, hex #bca217 is composed of 73.7% red, 63.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 87.8% yellow and 26.3% black. It has a hue angle of 50.5 degrees, a saturation of 78.2% and a lightness of 41.4%. #bca217 color hex could be obtained by blending #ffff2e with #794500. Closest websafe color is: #cc9900.

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

● #bca217 color description : Strong yellow.

The hexadecimal color #bca217 has RGB values of R:188, G:162, B:23 and CMYK values of C:0, M:0.14, Y:0.88, K:0.26. Its decimal value is 12362263.

Hex triplet	bca217	`#bca217`
RGB Decimal	188, 162, 23	`rgb(188,162,23)`
RGB Percent	73.7, 63.5, 9	`rgb(73.7%,63.5%,9%)`
CMYK	0, 14, 88, 26
HSL	50.5°, 78.2, 41.4	`hsl(50.5,78.2%,41.4%)`
HSV (or HSB)	50.5°, 87.8, 73.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.972, -3.35, 66.557
XYZ	33.814, 36.595, 6.093
xyY	0.442, 0.478, 36.595
CIE-LCH	66.972, 66.641, 92.881
CIE-LUV	66.972, 23.687, 69.354
Hunter-Lab	60.494, -6.088, 36.374
Binary	10111100, 10100010, 00010111

#bca217
```
#bca217 rgb(188,162,23)
```
#1731bc
```
#1731bc rgb(23,49,188)
```

Complementary Color

#bc5017
```
#bc5017 rgb(188,80,23)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#84bc17
```
#84bc17 rgb(132,188,23)
```

Analogous Color

#5017bc
```
#5017bc rgb(80,23,188)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#1784bc
```
#1784bc rgb(23,132,188)
```

Split Complementary Color

#a217bc
```
#a217bc rgb(162,23,188)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#17bca2
```
#17bca2 rgb(23,188,162)
```

Triadic Color

#bc1731
```
#bc1731 rgb(188,23,49)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#17bca2
```
#17bca2 rgb(23,188,162)
```
#1731bc
```
#1731bc rgb(23,49,188)
```

Tetradic Color

#78670f
```
#78670f rgb(120,103,15)
```
#8f7b11
```
#8f7b11 rgb(143,123,17)
```
#a58e14
```
#a58e14 rgb(165,142,20)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#d3b61a
```
#d3b61a rgb(211,182,26)
```
#e4c522
```
#e4c522 rgb(228,197,34)
```
#e7cb39
```
#e7cb39 rgb(231,203,57)
```

Monochromatic Color

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

#bc7917
```
#bc7917 rgb(188,121,23)
```
#bc8717
```
#bc8717 rgb(188,135,23)
```
#bc9417
```
#bc9417 rgb(188,148,23)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#bcb017
```
#bcb017 rgb(188,176,23)
```
#bbbc17
```
#bbbc17 rgb(187,188,23)
```
#adbc17
```
#adbc17 rgb(173,188,23)
```

Similar Colors

Text with hexadecimal color #bca217

This text has a font color of #bca217.

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

#bca217 background color

This paragraph has a background color of #bca217.

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

#bca217 border color

This element has a border color of #bca217.

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

CSS codes

.text {color:#bca217;}

.background {background-color:#bca217;}

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

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)
```
#1f1a04
```
#1f1a04 rgb(31,26,4)
```
#302a06
```
#302a06 rgb(48,42,6)
```
#423908
```
#423908 rgb(66,57,8)
```
#53480a
```
#53480a rgb(83,72,10)
```
#65570c
```
#65570c rgb(101,87,12)
```
#76660e
```
#76660e rgb(118,102,14)
```
#887511
```
#887511 rgb(136,117,17)
```
#998413
```
#998413 rgb(153,132,19)
```
#ab9315
```
#ab9315 rgb(171,147,21)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#cdb119
```
#cdb119 rgb(205,177,25)
```
#dfc01b
```
#dfc01b rgb(223,192,27)
```

Shade Color Variation

#e5c729
```
#e5c729 rgb(229,199,41)
```
#e7cc3b
```
#e7cc3b rgb(231,204,59)
```
#e9d04c
```
#e9d04c rgb(233,208,76)
```
#ebd55d
```
#ebd55d rgb(235,213,93)
```
#edd96f
```
#edd96f rgb(237,217,111)
```
#f0de80
```
#f0de80 rgb(240,222,128)
```
#f2e392
```
#f2e392 rgb(242,227,146)
```
#f4e7a3
```
#f4e7a3 rgb(244,231,163)
```
#f6ecb5
```
#f6ecb5 rgb(246,236,181)
```
#f8f0c6
```
#f8f0c6 rgb(248,240,198)
```
#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, #6b6a68 is the less saturated color, while #ccad07 is the most saturated one.

#6b6a68
```
#6b6a68 rgb(107,106,104)
```
#737060
```
#737060 rgb(115,112,96)
```
#7b7658
```
#7b7658 rgb(123,118,88)
```
#837b50
```
#837b50 rgb(131,123,80)
```
#8b8148
```
#8b8148 rgb(139,129,72)
```
#938640
```
#938640 rgb(147,134,64)
```
#9c8c37
```
#9c8c37 rgb(156,140,55)
```
#a4912f
```
#a4912f rgb(164,145,47)
```
#ac9727
```
#ac9727 rgb(172,151,39)
```
#b49c1f
```
#b49c1f rgb(180,156,31)
```
#bca217
```
#bca217 rgb(188,162,23)
```
#c4a80f
```
#c4a80f rgb(196,168,15)
```
#ccad07
```
#ccad07 rgb(204,173,7)
```

Tone Color Variation

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

#bba823 Protanopia 1% of men
#d19f28 Deuteranopia 1% of men
#c89ba6 Tritanopia 0.001% of the population

Trichromacy

#bba51e Protanomaly 1% of men, 0.01% of women
#c9a022 Deuteranomaly 6% of men, 0.4% of women
#c49e72 Tritanomaly 0.01% of the population

#bca217 hex color

#bca217 Color Information

#bca217 Color Conversion

Color Schemes with #bca217

Alternatives to #bca217

#bca217 Preview

Shades and Tints of #bca217

Tones of #bca217

Color Blindness Simulator