colorhexa.com

#c4bc02 hex color

In a RGB color space, hex #c4bc02 is composed of 76.9% red, 73.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 99% yellow and 23.1% black. It has a hue angle of 57.5 degrees, a saturation of 98% and a lightness of 38.8%. #c4bc02 color hex could be obtained by blending #ffff04 with #897900. Closest websafe color is: #cccc00.

- R 77
- G 74
- B 1
RGB color chart
- C 0
- M 4
- Y 99
- K 23
CMYK color chart

● #c4bc02 color description : Strong yellow.

The hexadecimal color #c4bc02 has RGB values of R:196, G:188, B:2 and CMYK values of C:0, M:0.04, Y:0.99, K:0.23. Its decimal value is 12893186.

Hex triplet	c4bc02	`#c4bc02`
RGB Decimal	196, 188, 2	`rgb(196,188,2)`
RGB Percent	76.9, 73.7, 0.8	`rgb(76.9%,73.7%,0.8%)`
CMYK	0, 4, 99, 23
HSL	57.5°, 98, 38.8	`hsl(57.5,98%,38.8%)`
HSV (or HSB)	57.5°, 99, 76.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.64, -13.639, 75.705
XYZ	40.759, 47.708, 7.119
xyY	0.426, 0.499, 47.708
CIE-LCH	74.64, 76.923, 100.213
CIE-LUV	74.64, 11.443, 81.257
Hunter-Lab	69.071, -15.539, 42.239
Binary	11000100, 10111100, 00000010

#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#020ac4
```
#020ac4 rgb(2,10,196)
```

Complementary Color

#c45b02
```
#c45b02 rgb(196,91,2)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#6bc402
```
#6bc402 rgb(107,196,2)
```

Analogous Color

#5b02c4
```
#5b02c4 rgb(91,2,196)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#026bc4
```
#026bc4 rgb(2,107,196)
```

Split Complementary Color

#bc02c4
```
#bc02c4 rgb(188,2,196)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#02c4bc
```
#02c4bc rgb(2,196,188)
```

Triadic Color

#787301
```
#787301 rgb(120,115,1)
```
#928c01
```
#928c01 rgb(146,140,1)
```
#aba402
```
#aba402 rgb(171,164,2)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#ddd402
```
#ddd402 rgb(221,212,2)
```
#f6ec03
```
#f6ec03 rgb(246,236,3)
```
#fdf316
```
#fdf316 rgb(253,243,22)
```

Monochromatic Color

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

#c48c02
```
#c48c02 rgb(196,140,2)
```
#c49c02
```
#c49c02 rgb(196,156,2)
```
#c4ac02
```
#c4ac02 rgb(196,172,2)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#bcc402
```
#bcc402 rgb(188,196,2)
```
#acc402
```
#acc402 rgb(172,196,2)
```
#9cc402
```
#9cc402 rgb(156,196,2)
```

Similar Colors

Text with hexadecimal color #c4bc02

This text has a font color of #c4bc02.

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

#c4bc02 background color

This paragraph has a background color of #c4bc02.

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

#c4bc02 border color

This element has a border color of #c4bc02.

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

CSS codes

.text {color:#c4bc02;}

.background {background-color:#c4bc02;}

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

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, #020200 is the darkest color, while #fffeed is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#151400
```
#151400 rgb(21,20,0)
```
#292700
```
#292700 rgb(41,39,0)
```
#3c3a01
```
#3c3a01 rgb(60,58,1)
```
#4f4c01
```
#4f4c01 rgb(79,76,1)
```
#635f01
```
#635f01 rgb(99,95,1)
```
#767201
```
#767201 rgb(118,114,1)
```
#8a8401
```
#8a8401 rgb(138,132,1)
```
#9d9702
```
#9d9702 rgb(157,151,2)
```
#b1a902
```
#b1a902 rgb(177,169,2)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```
#d7cf02
```
#d7cf02 rgb(215,207,2)
```
#ebe102
```
#ebe102 rgb(235,225,2)
```

Shade Color Variation

#fcf204
```
#fcf204 rgb(252,242,4)
```
#fdf318
```
#fdf318 rgb(253,243,24)
```
#fdf42b
```
#fdf42b rgb(253,244,43)
```
#fdf53f
```
#fdf53f rgb(253,245,63)
```
#fdf652
```
#fdf652 rgb(253,246,82)
```
#fdf765
```
#fdf765 rgb(253,247,101)
```
#fef879
```
#fef879 rgb(254,248,121)
```
#fef98c
```
#fef98c rgb(254,249,140)
```
#fefaa0
```
#fefaa0 rgb(254,250,160)
```
#fefbb3
```
#fefbb3 rgb(254,251,179)
```
#fefcc7
```
#fefcc7 rgb(254,252,199)
```
#fffdda
```
#fffdda rgb(255,253,218)
```
#fffeed
```
#fffeed rgb(255,254,237)
```

Tint Color Variation

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

#69685d
```
#69685d rgb(105,104,93)
```
#706f56
```
#706f56 rgb(112,111,86)
```
#78764e
```
#78764e rgb(120,118,78)
```
#7f7d47
```
#7f7d47 rgb(127,125,71)
```
#87843f
```
#87843f rgb(135,132,63)
```
#8f8b37
```
#8f8b37 rgb(143,139,55)
```
#969230
```
#969230 rgb(150,146,48)
```
#9e9928
```
#9e9928 rgb(158,153,40)
```
#a6a020
```
#a6a020 rgb(166,160,32)
```
#ada719
```
#ada719 rgb(173,167,25)
```
#b5ae11
```
#b5ae11 rgb(181,174,17)
```
#bcb50a
```
#bcb50a rgb(188,181,10)
```
#c4bc02
```
#c4bc02 rgb(196,188,2)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aead88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb06 Protanopia 1% of men
#eab222 Deuteranopia 1% of men
#d3b2bf Tritanopia 0.001% of the population

Trichromacy

#cdbb04 Protanomaly 1% of men, 0.01% of women
#dcb516 Deuteranomaly 6% of men, 0.4% of women
#ceb67a Tritanomaly 0.01% of the population