#bad31c hex color

In a RGB color space, hex #bad31c is composed of 72.9% red, 82.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 86.7% yellow and 17.3% black. It has a hue angle of 68.2 degrees, a saturation of 76.6% and a lightness of 46.9%. #bad31c color hex could be obtained by blending #ffff38 with #75a700. Closest websafe color is: #cccc33.

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

● #bad31c color description : Strong yellow.

The hexadecimal color #bad31c has RGB values of R:186, G:211, B:28 and CMYK values of C:0.12, M:0, Y:0.87, K:0.17. Its decimal value is 12243740.

Hex triplet	bad31c	`#bad31c`
RGB Decimal	186, 211, 28	`rgb(186,211,28)`
RGB Percent	72.9, 82.7, 11	`rgb(72.9%,82.7%,11%)`
CMYK	12, 0, 87, 17
HSL	68.2°, 76.6, 46.9	`hsl(68.2,76.6%,46.9%)`
HSV (or HSB)	68.2°, 86.7, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.242, -28.772, 76.253
XYZ	43.753, 57.111, 9.817
xyY	0.395, 0.516, 57.111
CIE-LCH	80.242, 81.5, 110.673
CIE-LUV	80.242, -10.044, 88.071
Hunter-Lab	75.572, -28.907, 45.198
Binary	10111010, 11010011, 00011100

#bad31c
```
#bad31c rgb(186,211,28)
```
#351cd3
```
#351cd3 rgb(53,28,211)
```

Complementary Color

#d3911c
```
#d3911c rgb(211,145,28)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#5fd31c
```
#5fd31c rgb(95,211,28)
```

Analogous Color

#911cd3
```
#911cd3 rgb(145,28,211)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#1c5fd3
```
#1c5fd3 rgb(28,95,211)
```

Split Complementary Color

#d31cba
```
#d31cba rgb(211,28,186)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#1cbad3
```
#1cbad3 rgb(28,186,211)
```

Triadic Color

#d3351c
```
#d3351c rgb(211,53,28)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#1cbad3
```
#1cbad3 rgb(28,186,211)
```
#351cd3
```
#351cd3 rgb(53,28,211)
```

Tetradic Color

#7e8f13
```
#7e8f13 rgb(126,143,19)
```
#92a616
```
#92a616 rgb(146,166,22)
```
#a6bc19
```
#a6bc19 rgb(166,188,25)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#c9e226
```
#c9e226 rgb(201,226,38)
```
#cee53d
```
#cee53d rgb(206,229,61)
```
#d4e853
```
#d4e853 rgb(212,232,83)
```

Monochromatic Color

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

#d3be1c
```
#d3be1c rgb(211,190,28)
```
#d3ce1c
```
#d3ce1c rgb(211,206,28)
```
#c9d31c
```
#c9d31c rgb(201,211,28)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#abd31c
```
#abd31c rgb(171,211,28)
```
#9cd31c
```
#9cd31c rgb(156,211,28)
```
#8cd31c
```
#8cd31c rgb(140,211,28)
```

Similar Colors

Text with hexadecimal color #bad31c

This text has a font color of #bad31c.

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

#bad31c background color

This paragraph has a background color of #bad31c.

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

#bad31c border color

This element has a border color of #bad31c.

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

CSS codes

.text {color:#bad31c;}

.background {background-color:#bad31c;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#121503
```
#121503 rgb(18,21,3)
```
#212605
```
#212605 rgb(33,38,5)
```
#313707
```
#313707 rgb(49,55,7)
```
#40480a
```
#40480a rgb(64,72,10)
```
#4f5a0c
```
#4f5a0c rgb(79,90,12)
```
#5e6b0e
```
#5e6b0e rgb(94,107,14)
```
#6e7c11
```
#6e7c11 rgb(110,124,17)
```
#7d8e13
```
#7d8e13 rgb(125,142,19)
```
#8c9f15
```
#8c9f15 rgb(140,159,21)
```
#9bb017
```
#9bb017 rgb(155,176,23)
```
#abc21a
```
#abc21a rgb(171,194,26)
```
#bad31c
```
#bad31c rgb(186,211,28)
```

Shade Color Variation

#c7e221
```
#c7e221 rgb(199,226,33)
```
#cce432
```
#cce432 rgb(204,228,50)
```
#d0e644
```
#d0e644 rgb(208,230,68)
```
#d4e855
```
#d4e855 rgb(212,232,85)
```
#d9eb66
```
#d9eb66 rgb(217,235,102)
```
#dded78
```
#dded78 rgb(221,237,120)
```
#e1ef89
```
#e1ef89 rgb(225,239,137)
```
#e6f29a
```
#e6f29a rgb(230,242,154)
```
#eaf4ac
```
#eaf4ac rgb(234,244,172)
```
#eef6bd
```
#eef6bd rgb(238,246,189)
```
#f3f9ce
```
#f3f9ce rgb(243,249,206)
```
#f7fbe0
```
#f7fbe0 rgb(247,251,224)
```
#fbfdf1
```
#fbfdf1 rgb(251,253,241)
```

Tint Color Variation

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

#7e806f
```
#7e806f rgb(126,128,111)
```
#858966
```
#858966 rgb(133,137,102)
```
#8b935c
```
#8b935c rgb(139,147,92)
```
#929c53
```
#929c53 rgb(146,156,83)
```
#99a54a
```
#99a54a rgb(153,165,74)
```
#9fae41
```
#9fae41 rgb(159,174,65)
```
#a6b738
```
#a6b738 rgb(166,183,56)
```
#adc12e
```
#adc12e rgb(173,193,46)
```
#b3ca25
```
#b3ca25 rgb(179,202,37)
```
#bad31c
```
#bad31c rgb(186,211,28)
```
#c1dc13
```
#c1dc13 rgb(193,220,19)
```
#c7e50a
```
#c7e50a rgb(199,229,10)
```
#ceef00
```
#ceef00 rgb(206,239,0)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b8bd98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca24 Protanopia 1% of men
#fbc037 Deuteranopia 1% of men
#cec7d5 Tritanopia 0.001% of the population

Trichromacy

#d3cd21 Protanomaly 1% of men, 0.01% of women
#e3c72d Deuteranomaly 6% of men, 0.4% of women
#c7cb92 Tritanomaly 0.01% of the population

#bad31c hex color

#bad31c Color Information

#bad31c Color Conversion

Color Schemes with #bad31c

Alternatives to #bad31c

#bad31c Preview

Shades and Tints of #bad31c

Tones of #bad31c

Color Blindness Simulator