#bcc312 hex color

In a RGB color space, hex #bcc312 is composed of 73.7% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 90.8% yellow and 23.5% black. It has a hue angle of 62.4 degrees, a saturation of 83.1% and a lightness of 41.8%. #bcc312 color hex could be obtained by blending #ffff24 with #798700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 76
- B 7
RGB color chart
- C 4
- M 0
- Y 91
- K 24
CMYK color chart

● #bcc312 color description : Strong yellow.

The hexadecimal color #bcc312 has RGB values of R:188, G:195, B:18 and CMYK values of C:0.04, M:0, Y:0.91, K:0.24. Its decimal value is 12370706.

Hex triplet	bcc312	`#bcc312`
RGB Decimal	188, 195, 18	`rgb(188,195,18)`
RGB Percent	73.7, 76.5, 7.1	`rgb(73.7%,76.5%,7.1%)`
CMYK	4, 0, 91, 24
HSL	62.4°, 83.1, 41.8	`hsl(62.4,83.1%,41.8%)`
HSV (or HSB)	62.4°, 90.8, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.925, -20.404, 74.544
XYZ	40.363, 49.766, 8.052
xyY	0.411, 0.507, 49.766
CIE-LCH	75.925, 77.287, 105.308
CIE-LUV	75.925, 1.222, 82.843
Hunter-Lab	70.545, -21.322, 42.614
Binary	10111100, 11000011, 00010010

#bcc312
```
#bcc312 rgb(188,195,18)
```
#1912c3
```
#1912c3 rgb(25,18,195)
```

Complementary Color

#c37212
```
#c37212 rgb(195,114,18)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#64c312
```
#64c312 rgb(100,195,18)
```

Analogous Color

#7212c3
```
#7212c3 rgb(114,18,195)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#1264c3
```
#1264c3 rgb(18,100,195)
```

Split Complementary Color

#c312bc
```
#c312bc rgb(195,18,188)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#12bcc3
```
#12bcc3 rgb(18,188,195)
```

Triadic Color

#c31912
```
#c31912 rgb(195,25,18)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#12bcc3
```
#12bcc3 rgb(18,188,195)
```
#1912c3
```
#1912c3 rgb(25,18,195)
```

Tetradic Color

#787d0c
```
#787d0c rgb(120,125,12)
```
#8f940e
```
#8f940e rgb(143,148,14)
```
#a5ac10
```
#a5ac10 rgb(165,172,16)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#d3da14
```
#d3da14 rgb(211,218,20)
```
#e2ea1e
```
#e2ea1e rgb(226,234,30)
```
#e5ec35
```
#e5ec35 rgb(229,236,53)
```

Monochromatic Color

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

#c39e12
```
#c39e12 rgb(195,158,18)
```
#c3ad12
```
#c3ad12 rgb(195,173,18)
```
#c3bb12
```
#c3bb12 rgb(195,187,18)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#adc312
```
#adc312 rgb(173,195,18)
```
#9fc312
```
#9fc312 rgb(159,195,18)
```
#90c312
```
#90c312 rgb(144,195,18)
```

Similar Colors

Text with hexadecimal color #bcc312

This text has a font color of #bcc312.

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

#bcc312 background color

This paragraph has a background color of #bcc312.

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

#bcc312 border color

This element has a border color of #bcc312.

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

CSS codes

.text {color:#bcc312;}

.background {background-color:#bcc312;}

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

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

#0f0f01
```
#0f0f01 rgb(15,15,1)
```
#202103
```
#202103 rgb(32,33,3)
```
#313305
```
#313305 rgb(49,51,5)
```
#434506
```
#434506 rgb(67,69,6)
```
#545708
```
#545708 rgb(84,87,8)
```
#65690a
```
#65690a rgb(101,105,10)
```
#777b0b
```
#777b0b rgb(119,123,11)
```
#888d0d
```
#888d0d rgb(136,141,13)
```
#999f0f
```
#999f0f rgb(153,159,15)
```
#abb110
```
#abb110 rgb(171,177,16)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#cdd514
```
#cdd514 rgb(205,213,20)
```
#dfe715
```
#dfe715 rgb(223,231,21)
```

Shade Color Variation

#e3eb25
```
#e3eb25 rgb(227,235,37)
```
#e5ed37
```
#e5ed37 rgb(229,237,55)
```
#e8ee49
```
#e8ee49 rgb(232,238,73)
```
#eaf05b
```
#eaf05b rgb(234,240,91)
```
#ecf26d
```
#ecf26d rgb(236,242,109)
```
#eff37f
```
#eff37f rgb(239,243,127)
```
#f1f591
```
#f1f591 rgb(241,245,145)
```
#f3f6a3
```
#f3f6a3 rgb(243,246,163)
```
#f5f8b5
```
#f5f8b5 rgb(245,248,181)
```
#f8fac7
```
#f8fac7 rgb(248,250,199)
```
#fafbd9
```
#fafbd9 rgb(250,251,217)
```
#fcfdeb
```
#fcfdeb rgb(252,253,235)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#717164
```
#717164 rgb(113,113,100)
```
#78795c
```
#78795c rgb(120,121,92)
```
#808154
```
#808154 rgb(128,129,84)
```
#878a4b
```
#878a4b rgb(135,138,75)
```
#8f9243
```
#8f9243 rgb(143,146,67)
```
#969a3b
```
#969a3b rgb(150,154,59)
```
#9ea233
```
#9ea233 rgb(158,162,51)
```
#a5aa2b
```
#a5aa2b rgb(165,170,43)
```
#adb322
```
#adb322 rgb(173,179,34)
```
#b4bb1a
```
#b4bb1a rgb(180,187,26)
```
#bcc312
```
#bcc312 rgb(188,195,18)
```
#c4cb0a
```
#c4cb0a rgb(196,203,10)
```
#cbd302
```
#cbd302 rgb(203,211,2)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b0b18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5bf1b Protanopia 1% of men
#edb52d Deuteranopia 1% of men
#cdb9c6 Tritanopia 0.001% of the population

Trichromacy

#ccc018 Protanomaly 1% of men, 0.01% of women
#dbba23 Deuteranomaly 6% of men, 0.4% of women
#c7bc84 Tritanomaly 0.01% of the population

#bcc312 hex color

#bcc312 Color Information

#bcc312 Color Conversion

Color Schemes with #bcc312

Alternatives to #bcc312

#bcc312 Preview

Shades and Tints of #bcc312

Tones of #bcc312

Color Blindness Simulator