#badc31 hex color

In a RGB color space, hex #badc31 is composed of 72.9% red, 86.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 77.7% yellow and 13.7% black. It has a hue angle of 71.9 degrees, a saturation of 71% and a lightness of 52.7%. #badc31 color hex could be obtained by blending #ffff62 with #75b900. Closest websafe color is: #cccc33.

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

● #badc31 color description : Bright yellow.

The hexadecimal color #badc31 has RGB values of R:186, G:220, B:49 and CMYK values of C:0.15, M:0, Y:0.78, K:0.14. Its decimal value is 12246065.

Hex triplet	badc31	`#badc31`
RGB Decimal	186, 220, 49	`rgb(186,220,49)`
RGB Percent	72.9, 86.3, 19.2	`rgb(72.9%,86.3%,19.2%)`
CMYK	15, 0, 78, 14
HSL	71.9°, 71, 52.7	`hsl(71.9,71%,52.7%)`
HSV (or HSB)	71.9°, 77.7, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.832, -32.311, 73.459
XYZ	46.397, 61.847, 12.399
xyY	0.385, 0.513, 61.847
CIE-LCH	82.832, 80.251, 113.742
CIE-LUV	82.832, -15.426, 88.372
Hunter-Lab	78.643, -32.315, 45.702
Binary	10111010, 11011100, 00110001

#badc31
```
#badc31 rgb(186,220,49)
```
#5331dc
```
#5331dc rgb(83,49,220)
```

Complementary Color

#dca931
```
#dca931 rgb(220,169,49)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#65dc31
```
#65dc31 rgb(101,220,49)
```

Analogous Color

#a931dc
```
#a931dc rgb(169,49,220)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#3165dc
```
#3165dc rgb(49,101,220)
```

Split Complementary Color

#dc31ba
```
#dc31ba rgb(220,49,186)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#31badc
```
#31badc rgb(49,186,220)
```

Triadic Color

#dc5331
```
#dc5331 rgb(220,83,49)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#31badc
```
#31badc rgb(49,186,220)
```
#5331dc
```
#5331dc rgb(83,49,220)
```

Tetradic Color

#89a51c
```
#89a51c rgb(137,165,28)
```
#9cba20
```
#9cba20 rgb(156,186,32)
```
#aed023
```
#aed023 rgb(174,208,35)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#c1e047
```
#c1e047 rgb(193,224,71)
```
#c9e35d
```
#c9e35d rgb(201,227,93)
```
#d0e772
```
#d0e772 rgb(208,231,114)
```

Monochromatic Color

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

#dcd331
```
#dcd331 rgb(220,211,49)
```
#d7dc31
```
#d7dc31 rgb(215,220,49)
```
#c8dc31
```
#c8dc31 rgb(200,220,49)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#acdc31
```
#acdc31 rgb(172,220,49)
```
#9edc31
```
#9edc31 rgb(158,220,49)
```
#8fdc31
```
#8fdc31 rgb(143,220,49)
```

Similar Colors

Text with hexadecimal color #badc31

This text has a font color of #badc31.

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

#badc31 background color

This paragraph has a background color of #badc31.

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

#badc31 border color

This element has a border color of #badc31.

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

CSS codes

.text {color:#badc31;}

.background {background-color:#badc31;}

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

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, #0a0c02 is the darkest color, while #fdfefa is the lightest one.

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#181d05
```
#181d05 rgb(24,29,5)
```
#262e08
```
#262e08 rgb(38,46,8)
```
#343e0b
```
#343e0b rgb(52,62,11)
```
#424f0d
```
#424f0d rgb(66,79,13)
```
#506010
```
#506010 rgb(80,96,16)
```
#5e7113
```
#5e7113 rgb(94,113,19)
```
#6c8116
```
#6c8116 rgb(108,129,22)
```
#7a9219
```
#7a9219 rgb(122,146,25)
```
#88a31c
```
#88a31c rgb(136,163,28)
```
#96b41f
```
#96b41f rgb(150,180,31)
```
#a4c421
```
#a4c421 rgb(164,196,33)
```
#b2d524
```
#b2d524 rgb(178,213,36)
```

Shade Color Variation

#badc31
```
#badc31 rgb(186,220,49)
```
#c0df42
```
#c0df42 rgb(192,223,66)
```
#c5e253
```
#c5e253 rgb(197,226,83)
```
#cbe563
```
#cbe563 rgb(203,229,99)
```
#d0e774
```
#d0e774 rgb(208,231,116)
```
#d6ea85
```
#d6ea85 rgb(214,234,133)
```
#dced96
```
#dced96 rgb(220,237,150)
```
#e1f0a6
```
#e1f0a6 rgb(225,240,166)
```
#e7f3b7
```
#e7f3b7 rgb(231,243,183)
```
#edf6c8
```
#edf6c8 rgb(237,246,200)
```
#f2f8d9
```
#f2f8d9 rgb(242,248,217)
```
#f8fbe9
```
#f8fbe9 rgb(248,251,233)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#888984
```
#888984 rgb(136,137,132)
```
#8d927b
```
#8d927b rgb(141,146,123)
```
#939b72
```
#939b72 rgb(147,155,114)
```
#99a469
```
#99a469 rgb(153,164,105)
```
#9eae5f
```
#9eae5f rgb(158,174,95)
```
#a4b756
```
#a4b756 rgb(164,183,86)
```
#a9c04d
```
#a9c04d rgb(169,192,77)
```
#afc944
```
#afc944 rgb(175,201,68)
```
#b4d33a
```
#b4d33a rgb(180,211,58)
```
#badc31
```
#badc31 rgb(186,220,49)
```
#c0e528
```
#c0e528 rgb(192,229,40)
```
#c5ef1e
```
#c5ef1e rgb(197,239,30)
```
#cbf815
```
#cbf815 rgb(203,248,21)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdc4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d138 Protanopia 1% of men
#ffc761 Deuteranopia 1% of men
#cfcfde Tritanopia 0.001% of the population

Trichromacy

#d8d535 Protanomaly 1% of men, 0.01% of women
#e5cf4f Deuteranomaly 6% of men, 0.4% of women
#c7d49f Tritanomaly 0.01% of the population

#badc31 hex color

#badc31 Color Information

#badc31 Color Conversion

Color Schemes with #badc31

Alternatives to #badc31

#badc31 Preview

Shades and Tints of #badc31

Tones of #badc31

Color Blindness Simulator