#bad71a hex color

In a RGB color space, hex #bad71a is composed of 72.9% red, 84.3% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 0% magenta, 87.9% yellow and 15.7% black. It has a hue angle of 69.2 degrees, a saturation of 78.4% and a lightness of 47.3%. #bad71a color hex could be obtained by blending #ffff34 with #75af00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 84
- B 10
RGB color chart
- C 13
- M 0
- Y 88
- K 16
CMYK color chart

● #bad71a color description : Strong yellow.

The hexadecimal color #bad71a has RGB values of R:186, G:215, B:26 and CMYK values of C:0.13, M:0, Y:0.88, K:0.16. Its decimal value is 12244762.

Hex triplet	bad71a	`#bad71a`
RGB Decimal	186, 215, 26	`rgb(186,215,26)`
RGB Percent	72.9, 84.3, 10.2	`rgb(72.9%,84.3%,10.2%)`
CMYK	13, 0, 88, 16
HSL	69.2°, 78.4, 47.3	`hsl(69.2,78.4%,47.3%)`
HSV (or HSB)	69.2°, 87.9, 84.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.354, -30.696, 77.525
XYZ	44.736, 59.114, 10.031
xyY	0.393, 0.519, 59.114
CIE-LCH	81.354, 83.381, 111.601
CIE-LUV	81.354, -12.414, 89.866
Hunter-Lab	76.886, -30.69, 46.085
Binary	10111010, 11010111, 00011010

#bad71a
```
#bad71a rgb(186,215,26)
```
#371ad7
```
#371ad7 rgb(55,26,215)
```

Complementary Color

#d7961a
```
#d7961a rgb(215,150,26)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#5cd71a
```
#5cd71a rgb(92,215,26)
```

Analogous Color

#961ad7
```
#961ad7 rgb(150,26,215)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#1a5cd7
```
#1a5cd7 rgb(26,92,215)
```

Split Complementary Color

#d71aba
```
#d71aba rgb(215,26,186)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#1abad7
```
#1abad7 rgb(26,186,215)
```

Triadic Color

#d7371a
```
#d7371a rgb(215,55,26)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#1abad7
```
#1abad7 rgb(26,186,215)
```
#371ad7
```
#371ad7 rgb(55,26,215)
```

Tetradic Color

#7f9312
```
#7f9312 rgb(127,147,18)
```
#93aa14
```
#93aa14 rgb(147,170,20)
```
#a6c017
```
#a6c017 rgb(166,192,23)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#c7e526
```
#c7e526 rgb(199,229,38)
```
#cde73d
```
#cde73d rgb(205,231,61)
```
#d3ea53
```
#d3ea53 rgb(211,234,83)
```

Monochromatic Color

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

#d7c51a
```
#d7c51a rgb(215,197,26)
```
#d7d51a
```
#d7d51a rgb(215,213,26)
```
#cad71a
```
#cad71a rgb(202,215,26)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#aad71a
```
#aad71a rgb(170,215,26)
```
#9bd71a
```
#9bd71a rgb(155,215,26)
```
#8bd71a
```
#8bd71a rgb(139,215,26)
```

Similar Colors

Text with hexadecimal color #bad71a

This text has a font color of #bad71a.

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

#bad71a background color

This paragraph has a background color of #bad71a.

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

#bad71a border color

This element has a border color of #bad71a.

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

CSS codes

.text {color:#bad71a;}

.background {background-color:#bad71a;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#131703
```
#131703 rgb(19,23,3)
```
#232805
```
#232805 rgb(35,40,5)
```
#323a07
```
#323a07 rgb(50,58,7)
```
#414b09
```
#414b09 rgb(65,75,9)
```
#505d0b
```
#505d0b rgb(80,93,11)
```
#5f6e0d
```
#5f6e0d rgb(95,110,13)
```
#6e800f
```
#6e800f rgb(110,128,15)
```
#7d9112
```
#7d9112 rgb(125,145,18)
```
#8da314
```
#8da314 rgb(141,163,20)
```
#9cb416
```
#9cb416 rgb(156,180,22)
```
#abc618
```
#abc618 rgb(171,198,24)
```
#bad71a
```
#bad71a rgb(186,215,26)
```

Shade Color Variation

#c6e421
```
#c6e421 rgb(198,228,33)
```
#cbe632
```
#cbe632 rgb(203,230,50)
```
#cfe844
```
#cfe844 rgb(207,232,68)
```
#d4ea55
```
#d4ea55 rgb(212,234,85)
```
#d8ed67
```
#d8ed67 rgb(216,237,103)
```
#dcef78
```
#dcef78 rgb(220,239,120)
```
#e1f18a
```
#e1f18a rgb(225,241,138)
```
#e5f39b
```
#e5f39b rgb(229,243,155)
```
#eaf5ad
```
#eaf5ad rgb(234,245,173)
```
#eef7be
```
#eef7be rgb(238,247,190)
```
#f3f9d0
```
#f3f9d0 rgb(243,249,208)
```
#f7fbe1
```
#f7fbe1 rgb(247,251,225)
```
#fcfdf3
```
#fcfdf3 rgb(252,253,243)
```

Tint Color Variation

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

#7a7a77
```
#7a7a77 rgb(122,122,119)
```
#80846d
```
#80846d rgb(128,132,109)
```
#878d64
```
#878d64 rgb(135,141,100)
```
#8d965b
```
#8d965b rgb(141,150,91)
```
#939f52
```
#939f52 rgb(147,159,82)
```
#9aa948
```
#9aa948 rgb(154,169,72)
```
#a0b23f
```
#a0b23f rgb(160,178,63)
```
#a7bb36
```
#a7bb36 rgb(167,187,54)
```
#adc42d
```
#adc42d rgb(173,196,45)
```
#b4ce23
```
#b4ce23 rgb(180,206,35)
```
#bad71a
```
#bad71a rgb(186,215,26)
```
#c0e011
```
#c0e011 rgb(192,224,17)
```
#c7ea07
```
#c7ea07 rgb(199,234,7)
```

Tone Color Variation

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

Dichromacy

#e5cd22 Protanopia 1% of men
#ffc339 Deuteranopia 1% of men
#cfcad9 Tritanopia 0.001% of the population

Trichromacy

#d5d01f Protanomaly 1% of men, 0.01% of women
#e5ca2e Deuteranomaly 6% of men, 0.4% of women
#c7cf93 Tritanomaly 0.01% of the population

#bad71a hex color

#bad71a Color Information

#bad71a Color Conversion

Color Schemes with #bad71a

Alternatives to #bad71a

#bad71a Preview

Shades and Tints of #bad71a

Tones of #bad71a

Color Blindness Simulator