#bad020 hex color

In a RGB color space, hex #bad020 is composed of 72.9% red, 81.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 84.6% yellow and 18.4% black. It has a hue angle of 67.5 degrees, a saturation of 73.3% and a lightness of 47.1%. #bad020 color hex could be obtained by blending #ffff40 with #75a100. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 82
- B 13
RGB color chart
- C 11
- M 0
- Y 85
- K 18
CMYK color chart

● #bad020 color description : Strong yellow.

The hexadecimal color #bad020 has RGB values of R:186, G:208, B:32 and CMYK values of C:0.11, M:0, Y:0.85, K:0.18. Its decimal value is 12242976.

Hex triplet	bad020	`#bad020`
RGB Decimal	186, 208, 32	`rgb(186,208,32)`
RGB Percent	72.9, 81.6, 12.5	`rgb(72.9%,81.6%,12.5%)`
CMYK	11, 0, 85, 18
HSL	67.5°, 73.3, 47.1	`hsl(67.5,73.3%,47.1%)`
HSV (or HSB)	67.5°, 84.6, 81.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.417, -27.248, 74.76
XYZ	43.066, 55.655, 9.84
xyY	0.397, 0.513, 55.655
CIE-LCH	79.417, 79.571, 110.025
CIE-LUV	79.417, -8.258, 86.381
Hunter-Lab	74.602, -27.511, 44.401
Binary	10111010, 11010000, 00100000

#bad020
```
#bad020 rgb(186,208,32)
```
#3620d0
```
#3620d0 rgb(54,32,208)
```

Complementary Color

#d08e20
```
#d08e20 rgb(208,142,32)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#62d020
```
#62d020 rgb(98,208,32)
```

Analogous Color

#8e20d0
```
#8e20d0 rgb(142,32,208)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#2062d0
```
#2062d0 rgb(32,98,208)
```

Split Complementary Color

#d020ba
```
#d020ba rgb(208,32,186)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#20bad0
```
#20bad0 rgb(32,186,208)
```

Triadic Color

#d03620
```
#d03620 rgb(208,54,32)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#20bad0
```
#20bad0 rgb(32,186,208)
```
#3620d0
```
#3620d0 rgb(54,32,208)
```

Tetradic Color

#7f8e16
```
#7f8e16 rgb(127,142,22)
```
#92a419
```
#92a419 rgb(146,164,25)
```
#a6ba1d
```
#a6ba1d rgb(166,186,29)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#c8de2b
```
#c8de2b rgb(200,222,43)
```
#cee241
```
#cee241 rgb(206,226,65)
```
#d3e557
```
#d3e557 rgb(211,229,87)
```

Monochromatic Color

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

#d0ba20
```
#d0ba20 rgb(208,186,32)
```
#d0c920
```
#d0c920 rgb(208,201,32)
```
#c9d020
```
#c9d020 rgb(201,208,32)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#abd020
```
#abd020 rgb(171,208,32)
```
#9dd020
```
#9dd020 rgb(157,208,32)
```
#8ed020
```
#8ed020 rgb(142,208,32)
```

Similar Colors

Text with hexadecimal color #bad020

This text has a font color of #bad020.

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

#bad020 background color

This paragraph has a background color of #bad020.

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

#bad020 border color

This element has a border color of #bad020.

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

CSS codes

.text {color:#bad020;}

.background {background-color:#bad020;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131503
```
#131503 rgb(19,21,3)
```
#222606
```
#222606 rgb(34,38,6)
```
#313708
```
#313708 rgb(49,55,8)
```
#40480b
```
#40480b rgb(64,72,11)
```
#50590e
```
#50590e rgb(80,89,14)
```
#5f6a10
```
#5f6a10 rgb(95,106,16)
```
#6e7b13
```
#6e7b13 rgb(110,123,19)
```
#7d8c16
```
#7d8c16 rgb(125,140,22)
```
#8c9d18
```
#8c9d18 rgb(140,157,24)
```
#9cae1b
```
#9cae1b rgb(156,174,27)
```
#abbf1d
```
#abbf1d rgb(171,191,29)
```
#bad020
```
#bad020 rgb(186,208,32)
```

Shade Color Variation

#c7de26
```
#c7de26 rgb(199,222,38)
```
#cbe037
```
#cbe037 rgb(203,224,55)
```
#cfe348
```
#cfe348 rgb(207,227,72)
```
#d4e559
```
#d4e559 rgb(212,229,89)
```
#d8e86a
```
#d8e86a rgb(216,232,106)
```
#ddeb7b
```
#ddeb7b rgb(221,235,123)
```
#e1ed8c
```
#e1ed8c rgb(225,237,140)
```
#e6f09d
```
#e6f09d rgb(230,240,157)
```
#eaf3ae
```
#eaf3ae rgb(234,243,174)
```
#eef5bf
```
#eef5bf rgb(238,245,191)
```
#f3f8d0
```
#f3f8d0 rgb(243,248,208)
```
#f7fae1
```
#f7fae1 rgb(247,250,225)
```
#fcfdf2
```
#fcfdf2 rgb(252,253,242)
```

Tint Color Variation

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

#7c7d73
```
#7c7d73 rgb(124,125,115)
```
#83866a
```
#83866a rgb(131,134,106)
```
#8a8f61
```
#8a8f61 rgb(138,143,97)
```
#909957
```
#909957 rgb(144,153,87)
```
#97a24e
```
#97a24e rgb(151,162,78)
```
#9eab45
```
#9eab45 rgb(158,171,69)
```
#a5b43c
```
#a5b43c rgb(165,180,60)
```
#acbe32
```
#acbe32 rgb(172,190,50)
```
#b3c729
```
#b3c729 rgb(179,199,41)
```
#bad020
```
#bad020 rgb(186,208,32)
```
#c1d917
```
#c1d917 rgb(193,217,23)
```
#c8e20e
```
#c8e20e rgb(200,226,14)
```
#cfec04
```
#cfec04 rgb(207,236,4)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6ba97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc828 Protanopia 1% of men
#f8be39 Deuteranopia 1% of men
#cec4d2 Tritanopia 0.001% of the population

Trichromacy

#d2cb25 Protanomaly 1% of men, 0.01% of women
#e1c430 Deuteranomaly 6% of men, 0.4% of women
#c6c891 Tritanomaly 0.01% of the population

#bad020 hex color

#bad020 Color Information

#bad020 Color Conversion

Color Schemes with #bad020

Alternatives to #bad020

#bad020 Preview

Shades and Tints of #bad020

Tones of #bad020

Color Blindness Simulator