#badc14 hex color

In a RGB color space, hex #badc14 is composed of 72.9% red, 86.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 90.9% yellow and 13.7% black. It has a hue angle of 70.2 degrees, a saturation of 83.3% and a lightness of 47.1%. #badc14 color hex could be obtained by blending #ffff28 with #75b900. Closest websafe color is: #cccc00.

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

● #badc14 color description : Vivid yellow.

The hexadecimal color #badc14 has RGB values of R:186, G:220, B:20 and CMYK values of C:0.15, M:0, Y:0.91, K:0.14. Its decimal value is 12246036.

Hex triplet	badc14	`#badc14`
RGB Decimal	186, 220, 20	`rgb(186,220,20)`
RGB Percent	72.9, 86.3, 7.8	`rgb(72.9%,86.3%,7.8%)`
CMYK	15, 0, 91, 14
HSL	70.2°, 83.3, 47.1	`hsl(70.2,83.3%,47.1%)`
HSV (or HSB)	70.2°, 90.9, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.741, -33.132, 79.574
XYZ	45.969, 61.676, 10.145
xyY	0.39, 0.524, 61.676
CIE-LCH	82.741, 86.196, 112.605
CIE-LUV	82.741, -15.325, 92.388
Hunter-Lab	78.534, -32.952, 47.315
Binary	10111010, 11011100, 00010100

#badc14
```
#badc14 rgb(186,220,20)
```
#3614dc
```
#3614dc rgb(54,20,220)
```

Complementary Color

#dc9a14
```
#dc9a14 rgb(220,154,20)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#56dc14
```
#56dc14 rgb(86,220,20)
```

Analogous Color

#9a14dc
```
#9a14dc rgb(154,20,220)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#1456dc
```
#1456dc rgb(20,86,220)
```

Split Complementary Color

#dc14ba
```
#dc14ba rgb(220,20,186)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#14badc
```
#14badc rgb(20,186,220)
```

Triadic Color

#dc3614
```
#dc3614 rgb(220,54,20)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#14badc
```
#14badc rgb(20,186,220)
```
#3614dc
```
#3614dc rgb(54,20,220)
```

Tetradic Color

#7f960e
```
#7f960e rgb(127,150,14)
```
#92ad10
```
#92ad10 rgb(146,173,16)
```
#a6c512
```
#a6c512 rgb(166,197,18)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#c8eb1f
```
#c8eb1f rgb(200,235,31)
```
#ceed36
```
#ceed36 rgb(206,237,54)
```
#d3ef4e
```
#d3ef4e rgb(211,239,78)
```

Monochromatic Color

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

#dccc14
```
#dccc14 rgb(220,204,20)
```
#dbdc14
```
#dbdc14 rgb(219,220,20)
```
#cbdc14
```
#cbdc14 rgb(203,220,20)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#a9dc14
```
#a9dc14 rgb(169,220,20)
```
#99dc14
```
#99dc14 rgb(153,220,20)
```
#88dc14
```
#88dc14 rgb(136,220,20)
```

Similar Colors

Text with hexadecimal color #badc14

This text has a font color of #badc14.

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

#badc14 background color

This paragraph has a background color of #badc14.

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

#badc14 border color

This element has a border color of #badc14.

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

CSS codes

.text {color:#badc14;}

.background {background-color:#badc14;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#131602
```
#131602 rgb(19,22,2)
```
#222804
```
#222804 rgb(34,40,4)
```
#313a05
```
#313a05 rgb(49,58,5)
```
#404c07
```
#404c07 rgb(64,76,7)
```
#505e09
```
#505e09 rgb(80,94,9)
```
#5f700a
```
#5f700a rgb(95,112,10)
```
#6e820c
```
#6e820c rgb(110,130,12)
```
#7d940d
```
#7d940d rgb(125,148,13)
```
#8ca60f
```
#8ca60f rgb(140,166,15)
```
#9cb811
```
#9cb811 rgb(156,184,17)
```
#abca12
```
#abca12 rgb(171,202,18)
```
#badc14
```
#badc14 rgb(186,220,20)
```

Shade Color Variation

#c7ea19
```
#c7ea19 rgb(199,234,25)
```
#cbec2b
```
#cbec2b rgb(203,236,43)
```
#cfed3d
```
#cfed3d rgb(207,237,61)
```
#d4ef4f
```
#d4ef4f rgb(212,239,79)
```
#d8f161
```
#d8f161 rgb(216,241,97)
```
#ddf273
```
#ddf273 rgb(221,242,115)
```
#e1f485
```
#e1f485 rgb(225,244,133)
```
#e6f697
```
#e6f697 rgb(230,246,151)
```
#eaf7a9
```
#eaf7a9 rgb(234,247,169)
```
#eef9bb
```
#eef9bb rgb(238,249,187)
```
#f3facd
```
#f3facd rgb(243,250,205)
```
#f7fcdf
```
#f7fcdf rgb(247,252,223)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#7d8070
```
#7d8070 rgb(125,128,112)
```
#838967
```
#838967 rgb(131,137,103)
```
#89925e
```
#89925e rgb(137,146,94)
```
#8f9b55
```
#8f9b55 rgb(143,155,85)
```
#95a54b
```
#95a54b rgb(149,165,75)
```
#9cae42
```
#9cae42 rgb(156,174,66)
```
#a2b739
```
#a2b739 rgb(162,183,57)
```
#a8c030
```
#a8c030 rgb(168,192,48)
```
#aeca26
```
#aeca26 rgb(174,202,38)
```
#b4d31d
```
#b4d31d rgb(180,211,29)
```
#badc14
```
#badc14 rgb(186,220,20)
```
#c0e50b
```
#c0e50b rgb(192,229,11)
```
#c6ee02
```
#c6ee02 rgb(198,238,2)
```

Tone Color Variation

Below, you can see how #badc14 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
#bbc29a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d01b Protanopia 1% of men
#ffc75c Deuteranopia 1% of men
#d0cfdd Tritanopia 0.001% of the population

Trichromacy

#d8d418 Protanomaly 1% of men, 0.01% of women
#e5cf42 Deuteranomaly 6% of men, 0.4% of women
#c8d394 Tritanomaly 0.01% of the population

#badc14 hex color

#badc14 Color Information

#badc14 Color Conversion

Color Schemes with #badc14

Alternatives to #badc14

#badc14 Preview

Shades and Tints of #badc14

Tones of #badc14

Color Blindness Simulator