#bad42f hex color

In a RGB color space, hex #bad42f is composed of 72.9% red, 83.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 0% magenta, 77.8% yellow and 16.9% black. It has a hue angle of 69.5 degrees, a saturation of 65.7% and a lightness of 50.8%. #bad42f color hex could be obtained by blending #ffff5e with #75a900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 83
- B 18
RGB color chart
- C 12
- M 0
- Y 78
- K 17
CMYK color chart

● #bad42f color description : Strong yellow.

The hexadecimal color #bad42f has RGB values of R:186, G:212, B:47 and CMYK values of C:0.12, M:0, Y:0.78, K:0.17. Its decimal value is 12244015.

Hex triplet	bad42f	`#bad42f`
RGB Decimal	186, 212, 47	`rgb(186,212,47)`
RGB Percent	72.9, 83.1, 18.4	`rgb(72.9%,83.1%,18.4%)`
CMYK	12, 0, 78, 17
HSL	69.5°, 65.7, 50.8	`hsl(69.5,65.7%,50.8%)`
HSV (or HSB)	69.5°, 77.8, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.589, -28.648, 71.999
XYZ	44.306, 57.731, 11.498
xyY	0.39, 0.508, 57.731
CIE-LCH	80.589, 77.489, 111.698
CIE-LUV	80.589, -10.744, 85.509
Hunter-Lab	75.981, -28.88, 44.214
Binary	10111010, 11010100, 00101111

#bad42f
```
#bad42f rgb(186,212,47)
```
#492fd4
```
#492fd4 rgb(73,47,212)
```

Complementary Color

#d49c2f
```
#d49c2f rgb(212,156,47)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#68d42f
```
#68d42f rgb(104,212,47)
```

Analogous Color

#9c2fd4
```
#9c2fd4 rgb(156,47,212)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#2f68d4
```
#2f68d4 rgb(47,104,212)
```

Split Complementary Color

#d42fba
```
#d42fba rgb(212,47,186)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#2fbad4
```
#2fbad4 rgb(47,186,212)
```

Triadic Color

#d4492f
```
#d4492f rgb(212,73,47)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#2fbad4
```
#2fbad4 rgb(47,186,212)
```
#492fd4
```
#492fd4 rgb(73,47,212)
```

Tetradic Color

#84971f
```
#84971f rgb(132,151,31)
```
#97ac24
```
#97ac24 rgb(151,172,36)
```
#a9c128
```
#a9c128 rgb(169,193,40)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#c1d844
```
#c1d844 rgb(193,216,68)
```
#c8dd59
```
#c8dd59 rgb(200,221,89)
```
#cfe16e
```
#cfe16e rgb(207,225,110)
```

Monochromatic Color

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

#d4c52f
```
#d4c52f rgb(212,197,47)
```
#d4d32f
```
#d4d32f rgb(212,211,47)
```
#c8d42f
```
#c8d42f rgb(200,212,47)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#acd42f
```
#acd42f rgb(172,212,47)
```
#9fd42f
```
#9fd42f rgb(159,212,47)
```
#91d42f
```
#91d42f rgb(145,212,47)
```

Similar Colors

Text with hexadecimal color #bad42f

This text has a font color of #bad42f.

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

#bad42f background color

This paragraph has a background color of #bad42f.

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

#bad42f border color

This element has a border color of #bad42f.

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

CSS codes

.text {color:#bad42f;}

.background {background-color:#bad42f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111404
```
#111404 rgb(17,20,4)
```
#1f2407
```
#1f2407 rgb(31,36,7)
```
#2e340b
```
#2e340b rgb(46,52,11)
```
#3c440e
```
#3c440e rgb(60,68,14)
```
#4a5511
```
#4a5511 rgb(74,85,17)
```
#586515
```
#586515 rgb(88,101,21)
```
#667518
```
#667518 rgb(102,117,24)
```
#75851c
```
#75851c rgb(117,133,28)
```
#83961f
```
#83961f rgb(131,150,31)
```
#91a622
```
#91a622 rgb(145,166,34)
```
#9fb626
```
#9fb626 rgb(159,182,38)
```
#aec629
```
#aec629 rgb(174,198,41)
```

Shade Color Variation

#bad42f
```
#bad42f rgb(186,212,47)
```
#bfd73f
```
#bfd73f rgb(191,215,63)
```
#c5db50
```
#c5db50 rgb(197,219,80)
```
#cade60
```
#cade60 rgb(202,222,96)
```
#d0e170
```
#d0e170 rgb(208,225,112)
```
#d5e580
```
#d5e580 rgb(213,229,128)
```
#dae891
```
#dae891 rgb(218,232,145)
```
#e0eca1
```
#e0eca1 rgb(224,236,161)
```
#e5efb1
```
#e5efb1 rgb(229,239,177)
```
#ebf2c1
```
#ebf2c1 rgb(235,242,193)
```
#f0f6d2
```
#f0f6d2 rgb(240,246,210)
```
#f5f9e2
```
#f5f9e2 rgb(245,249,226)
```
#fbfcf2
```
#fbfcf2 rgb(251,252,242)
```

Tint Color Variation

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

#85877c
```
#85877c rgb(133,135,124)
```
#8c9073
```
#8c9073 rgb(140,144,115)
```
#929a69
```
#929a69 rgb(146,154,105)
```
#99a45f
```
#99a45f rgb(153,164,95)
```
#a0ad56
```
#a0ad56 rgb(160,173,86)
```
#a6b74c
```
#a6b74c rgb(166,183,76)
```
#adc142
```
#adc142 rgb(173,193,66)
```
#b3ca39
```
#b3ca39 rgb(179,202,57)
```
#bad42f
```
#bad42f rgb(186,212,47)
```
#c1de25
```
#c1de25 rgb(193,222,37)
```
#c7e71c
```
#c7e71c rgb(199,231,28)
```
#cef112
```
#cef112 rgb(206,241,18)
```
#d4fb08
```
#d4fb08 rgb(212,251,8)
```

Tone Color Variation

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

Dichromacy

#e2cb36 Protanopia 1% of men
#fbc145 Deuteranopia 1% of men
#cec8d6 Tritanopia 0.001% of the population

Trichromacy

#d3ce34 Protanomaly 1% of men, 0.01% of women
#e3c83d Deuteranomaly 6% of men, 0.4% of women
#c7cc99 Tritanomaly 0.01% of the population

#bad42f hex color

#bad42f Color Information

#bad42f Color Conversion

Color Schemes with #bad42f

Alternatives to #bad42f

#bad42f Preview

Shades and Tints of #bad42f

Tones of #bad42f

Color Blindness Simulator