#badc04 hex color

In a RGB color space, hex #badc04 is composed of 72.9% red, 86.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 98.2% yellow and 13.7% black. It has a hue angle of 69.4 degrees, a saturation of 96.4% and a lightness of 43.9%. #badc04 color hex could be obtained by blending #ffff08 with #75b900. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 73
- G 86
- B 2
RGB color chart
- C 15
- M 0
- Y 98
- K 14
CMYK color chart

● #badc04 color description : Vivid yellow.

The hexadecimal color #badc04 has RGB values of R:186, G:220, B:4 and CMYK values of C:0.15, M:0, Y:0.98, K:0.14. Its decimal value is 12246020.

Hex triplet	badc04	`#badc04`
RGB Decimal	186, 220, 4	`rgb(186,220,4)`
RGB Percent	72.9, 86.3, 1.6	`rgb(72.9%,86.3%,1.6%)`
CMYK	15, 0, 98, 14
HSL	69.4°, 96.4, 43.9	`hsl(69.4,96.4%,43.9%)`
HSV (or HSB)	69.4°, 98.2, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.718, -33.333, 81.203
XYZ	45.864, 61.634, 9.595
xyY	0.392, 0.526, 61.634
CIE-LCH	82.718, 87.778, 112.318
CIE-LUV	82.718, -15.3, 93.378
Hunter-Lab	78.507, -33.107, 47.709
Binary	10111010, 11011100, 00000100

#badc04
```
#badc04 rgb(186,220,4)
```
#2604dc
```
#2604dc rgb(38,4,220)
```

Complementary Color

#dc9204
```
#dc9204 rgb(220,146,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#4edc04
```
#4edc04 rgb(78,220,4)
```

Analogous Color

#9204dc
```
#9204dc rgb(146,4,220)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#044edc
```
#044edc rgb(4,78,220)
```

Split Complementary Color

#dc04ba
```
#dc04ba rgb(220,4,186)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#04badc
```
#04badc rgb(4,186,220)
```

Triadic Color

#dc2604
```
#dc2604 rgb(220,38,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#04badc
```
#04badc rgb(4,186,220)
```
#2604dc
```
#2604dc rgb(38,4,220)
```

Tetradic Color

#7a9103
```
#7a9103 rgb(122,145,3)
```
#90aa03
```
#90aa03 rgb(144,170,3)
```
#a5c304
```
#a5c304 rgb(165,195,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#cff504
```
#cff504 rgb(207,245,4)
```
#d7fb18
```
#d7fb18 rgb(215,251,24)
```
#dbfb31
```
#dbfb31 rgb(219,251,49)
```

Monochromatic Color

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

#dcc804
```
#dcc804 rgb(220,200,4)
```
#dcda04
```
#dcda04 rgb(220,218,4)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#a8dc04
```
#a8dc04 rgb(168,220,4)
```
#96dc04
```
#96dc04 rgb(150,220,4)
```
#84dc04
```
#84dc04 rgb(132,220,4)
```

Similar Colors

Text with hexadecimal color #badc04

This text has a font color of #badc04.

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

#badc04 background color

This paragraph has a background color of #badc04.

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

#badc04 border color

This element has a border color of #badc04.

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

CSS codes

.text {color:#badc04;}

.background {background-color:#badc04;}

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

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

#070800
```
#070800 rgb(7,8,0)
```
#171b00
```
#171b00 rgb(23,27,0)
```
#272f01
```
#272f01 rgb(39,47,1)
```
#384201
```
#384201 rgb(56,66,1)
```
#485502
```
#485502 rgb(72,85,2)
```
#586802
```
#586802 rgb(88,104,2)
```
#697c02
```
#697c02 rgb(105,124,2)
```
#798f03
```
#798f03 rgb(121,143,3)
```
#89a203
```
#89a203 rgb(137,162,3)
```
#99b503
```
#99b503 rgb(153,181,3)
```
#aac904
```
#aac904 rgb(170,201,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#caef04
```
#caef04 rgb(202,239,4)
```

Shade Color Variation

#d5fb0d
```
#d5fb0d rgb(213,251,13)
```
#d8fb20
```
#d8fb20 rgb(216,251,32)
```
#dcfb33
```
#dcfb33 rgb(220,251,51)
```
#dffc46
```
#dffc46 rgb(223,252,70)
```
#e2fc5a
```
#e2fc5a rgb(226,252,90)
```
#e6fc6d
```
#e6fc6d rgb(230,252,109)
```
#e9fd80
```
#e9fd80 rgb(233,253,128)
```
#ecfd93
```
#ecfd93 rgb(236,253,147)
```
#f0fda7
```
#f0fda7 rgb(240,253,167)
```
#f3feba
```
#f3feba rgb(243,254,186)
```
#f6fecd
```
#f6fecd rgb(246,254,205)
```
#fafee1
```
#fafee1 rgb(250,254,225)
```
#fdfff4
```
#fdfff4 rgb(253,255,244)
```

Tint Color Variation

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

#73756b
```
#73756b rgb(115,117,107)
```
#797d63
```
#797d63 rgb(121,125,99)
```
#7f865a
```
#7f865a rgb(127,134,90)
```
#858e52
```
#858e52 rgb(133,142,82)
```
#8b9749
```
#8b9749 rgb(139,151,73)
```
#91a040
```
#91a040 rgb(145,160,64)
```
#97a838
```
#97a838 rgb(151,168,56)
```
#9cb12f
```
#9cb12f rgb(156,177,47)
```
#a2ba26
```
#a2ba26 rgb(162,186,38)
```
#a8c21e
```
#a8c21e rgb(168,194,30)
```
#aecb15
```
#aecb15 rgb(174,203,21)
```
#b4d30d
```
#b4d30d rgb(180,211,13)
```
#badc04
```
#badc04 rgb(186,220,4)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9c095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead000 Protanopia 1% of men
#ffc75b Deuteranopia 1% of men
#d0cfdd Tritanopia 0.001% of the population

Trichromacy

#d8d401 Protanomaly 1% of men, 0.01% of women
#e5cf3b Deuteranomaly 6% of men, 0.4% of women
#c8d38e Tritanomaly 0.01% of the population

#badc04 hex color

#badc04 Color Information

#badc04 Color Conversion

Color Schemes with #badc04

Alternatives to #badc04

#badc04 Preview

Shades and Tints of #badc04

Tones of #badc04

Color Blindness Simulator