#bcc970 hex color

In a RGB color space, hex #bcc970 is composed of 73.7% red, 78.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 6.5% cyan, 0% magenta, 44.3% yellow and 21.2% black. It has a hue angle of 68.8 degrees, a saturation of 45.2% and a lightness of 61.4%. #bcc970 color hex could be obtained by blending #ffffe0 with #799300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 74
- G 79
- B 44
RGB color chart
- C 6
- M 0
- Y 44
- K 21
CMYK color chart

● #bcc970 color description : Slightly desaturated yellow.

The hexadecimal color #bcc970 has RGB values of R:188, G:201, B:112 and CMYK values of C:0.06, M:0, Y:0.44, K:0.21. Its decimal value is 12372336.

Hex triplet	bcc970	`#bcc970`
RGB Decimal	188, 201, 112	`rgb(188,201,112)`
RGB Percent	73.7, 78.8, 43.9	`rgb(73.7%,78.8%,43.9%)`
CMYK	6, 0, 44, 21
HSL	68.8°, 45.2, 61.4	`hsl(68.8,45.2%,61.4%)`
HSV (or HSB)	68.8°, 44.3, 78.8
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.248, -17.849, 42.812
XYZ	44.55, 53.635, 23.334
xyY	0.367, 0.441, 53.635
CIE-LCH	78.248, 46.384, 112.632
CIE-LUV	78.248, -4.018, 57.86
Hunter-Lab	73.236, -19.58, 32.374
Binary	10111100, 11001001, 01110000

#bcc970
```
#bcc970 rgb(188,201,112)
```
#7d70c9
```
#7d70c9 rgb(125,112,201)
```

Complementary Color

#c9aa70
```
#c9aa70 rgb(201,170,112)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#90c970
```
#90c970 rgb(144,201,112)
```

Analogous Color

#aa70c9
```
#aa70c9 rgb(170,112,201)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#7090c9
```
#7090c9 rgb(112,144,201)
```

Split Complementary Color

#c970bc
```
#c970bc rgb(201,112,188)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#70bcc9
```
#70bcc9 rgb(112,188,201)
```

Triadic Color

#c97d70
```
#c97d70 rgb(201,125,112)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#70bcc9
```
#70bcc9 rgb(112,188,201)
```
#7d70c9
```
#7d70c9 rgb(125,112,201)
```

Tetradic Color

#9cac41
```
#9cac41 rgb(156,172,65)
```
#abbb4b
```
#abbb4b rgb(171,187,75)
```
#b3c25d
```
#b3c25d rgb(179,194,93)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#c5d083
```
#c5d083 rgb(197,208,131)
```
#cdd795
```
#cdd795 rgb(205,215,149)
```
#d6dea8
```
#d6dea8 rgb(214,222,168)
```

Monochromatic Color

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

#c9c070
```
#c9c070 rgb(201,192,112)
```
#c9c770
```
#c9c770 rgb(201,199,112)
```
#c3c970
```
#c3c970 rgb(195,201,112)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#b5c970
```
#b5c970 rgb(181,201,112)
```
#adc970
```
#adc970 rgb(173,201,112)
```
#a6c970
```
#a6c970 rgb(166,201,112)
```

Similar Colors

Text with hexadecimal color #bcc970

This text has a font color of #bcc970.

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

#bcc970 background color

This paragraph has a background color of #bcc970.

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

#bcc970 border color

This element has a border color of #bcc970.

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

CSS codes

.text {color:#bcc970;}

.background {background-color:#bcc970;}

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

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

#0c0e05
```
#0c0e05 rgb(12,14,5)
```
#191c0b
```
#191c0b rgb(25,28,11)
```
#262a10
```
#262a10 rgb(38,42,16)
```
#333815
```
#333815 rgb(51,56,21)
```
#40471b
```
#40471b rgb(64,71,27)
```
#4d5520
```
#4d5520 rgb(77,85,32)
```
#5a6325
```
#5a6325 rgb(90,99,37)
```
#67712b
```
#67712b rgb(103,113,43)
```
#748030
```
#748030 rgb(116,128,48)
```
#818e36
```
#818e36 rgb(129,142,54)
```
#8e9c3b
```
#8e9c3b rgb(142,156,59)
```
#9baa40
```
#9baa40 rgb(155,170,64)
```
#a8b846
```
#a8b846 rgb(168,184,70)
```

Shade Color Variation

#afbe54
```
#afbe54 rgb(175,190,84)
```
#b5c462
```
#b5c462 rgb(181,196,98)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#c3ce7e
```
#c3ce7e rgb(195,206,126)
```
#c9d48c
```
#c9d48c rgb(201,212,140)
```
#d0d99b
```
#d0d99b rgb(208,217,155)
```
#d7dfa9
```
#d7dfa9 rgb(215,223,169)
```
#dde4b7
```
#dde4b7 rgb(221,228,183)
```
#e4e9c5
```
#e4e9c5 rgb(228,233,197)
```
#ebefd4
```
#ebefd4 rgb(235,239,212)
```
#f1f4e2
```
#f1f4e2 rgb(241,244,226)
```
#f8f9f0
```
#f8f9f0 rgb(248,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a1a396
```
#a1a396 rgb(161,163,150)
```
#a7ab8e
```
#a7ab8e rgb(167,171,142)
```
#acb287
```
#acb287 rgb(172,178,135)
```
#b1ba7f
```
#b1ba7f rgb(177,186,127)
```
#b7c178
```
#b7c178 rgb(183,193,120)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#c1d168
```
#c1d168 rgb(193,209,104)
```
#c7d861
```
#c7d861 rgb(199,216,97)
```
#cce059
```
#cce059 rgb(204,224,89)
```
#d1e752
```
#d1e752 rgb(209,231,82)
```
#d7ef4a
```
#d7ef4a rgb(215,239,74)
```
#dcf643
```
#dcf643 rgb(220,246,67)
```
#e2fe3b
```
#e2fe3b rgb(226,254,59)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbbeac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c475 Protanopia 1% of men
#ecbc7c Deuteranopia 1% of men
#cbc1cf Tritanopia 0.001% of the population

Trichromacy

#cdc673 Protanomaly 1% of men, 0.01% of women
#dac177 Deuteranomaly 6% of men, 0.4% of women
#c5c4ac Tritanomaly 0.01% of the population

#bcc970 hex color

#bcc970 Color Information

#bcc970 Color Conversion

Color Schemes with #bcc970

Alternatives to #bcc970

#bcc970 Preview

Shades and Tints of #bcc970

Tones of #bcc970

Color Blindness Simulator