#bad500 hex color

In a RGB color space, hex #bad500 is composed of 72.9% red, 83.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 100% yellow and 16.5% black. It has a hue angle of 67.6 degrees, a saturation of 100% and a lightness of 41.8%. #bad500 color hex could be obtained by blending #ffff00 with #75ab00. Closest websafe color is: #cccc00.

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

● #bad500 color description : Strong yellow.

The hexadecimal color #bad500 has RGB values of R:186, G:213, B:0 and CMYK values of C:0.13, M:0, Y:1, K:0.16. Its decimal value is 12244224.

Hex triplet	bad500	`#bad500`
RGB Decimal	186, 213, 0	`rgb(186,213,0)`
RGB Percent	72.9, 83.5, 0	`rgb(72.9%,83.5%,0%)`
CMYK	13, 0, 100, 16
HSL	67.6°, 100, 41.8	`hsl(67.6,100%,41.8%)`
HSV (or HSB)	67.6°, 100, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.754, -30.126, 80.084
XYZ	44.044, 58.028, 8.88
xyY	0.397, 0.523, 58.028
CIE-LCH	80.754, 85.563, 110.615
CIE-LUV	80.754, -11.168, 90.912
Hunter-Lab	76.176, -30.102, 46.411
Binary	10111010, 11010101, 00000000

#bad500
```
#bad500 rgb(186,213,0)
```
#1b00d5
```
#1b00d5 rgb(27,0,213)
```

Complementary Color

#d58600
```
#d58600 rgb(213,134,0)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#50d500
```
#50d500 rgb(80,213,0)
```

Analogous Color

#8600d5
```
#8600d5 rgb(134,0,213)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#004fd5
```
#004fd5 rgb(0,79,213)
```

Split Complementary Color

#d500ba
```
#d500ba rgb(213,0,186)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#00bad5
```
#00bad5 rgb(0,186,213)
```

Triadic Color

#d51b00
```
#d51b00 rgb(213,27,0)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#00bad5
```
#00bad5 rgb(0,186,213)
```
#1b00d5
```
#1b00d5 rgb(27,0,213)
```

Tetradic Color

#778900
```
#778900 rgb(119,137,0)
```
#8da200
```
#8da200 rgb(141,162,0)
```
#a4bc00
```
#a4bc00 rgb(164,188,0)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#d0ef00
```
#d0ef00 rgb(208,239,0)
```
#e0ff09
```
#e0ff09 rgb(224,255,9)
```
#e3ff23
```
#e3ff23 rgb(227,255,35)
```

Monochromatic Color

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

#d5bb00
```
#d5bb00 rgb(213,187,0)
```
#d5cd00
```
#d5cd00 rgb(213,205,0)
```
#ccd500
```
#ccd500 rgb(204,213,0)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#a8d500
```
#a8d500 rgb(168,213,0)
```
#97d500
```
#97d500 rgb(151,213,0)
```
#85d500
```
#85d500 rgb(133,213,0)
```

Similar Colors

Text with hexadecimal color #bad500

This text has a font color of #bad500.

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

#bad500 background color

This paragraph has a background color of #bad500.

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

#bad500 border color

This element has a border color of #bad500.

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

CSS codes

.text {color:#bad500;}

.background {background-color:#bad500;}

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

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

#0f1100
```
#0f1100 rgb(15,17,0)
```
#202400
```
#202400 rgb(32,36,0)
```
#313800
```
#313800 rgb(49,56,0)
```
#424c00
```
#424c00 rgb(66,76,0)
```
#535f00
```
#535f00 rgb(83,95,0)
```
#647300
```
#647300 rgb(100,115,0)
```
#758700
```
#758700 rgb(117,135,0)
```
#879a00
```
#879a00 rgb(135,154,0)
```
#98ae00
```
#98ae00 rgb(152,174,0)
```
#a9c100
```
#a9c100 rgb(169,193,0)
```
#bad500
```
#bad500 rgb(186,213,0)
```
#cbe900
```
#cbe900 rgb(203,233,0)
```
#dcfc00
```
#dcfc00 rgb(220,252,0)
```

Shade Color Variation

#e1ff11
```
#e1ff11 rgb(225,255,17)
```
#e3ff24
```
#e3ff24 rgb(227,255,36)
```
#e6ff38
```
#e6ff38 rgb(230,255,56)
```
#e8ff4c
```
#e8ff4c rgb(232,255,76)
```
#ebff5f
```
#ebff5f rgb(235,255,95)
```
#edff73
```
#edff73 rgb(237,255,115)
```
#f0ff87
```
#f0ff87 rgb(240,255,135)
```
#f2ff9a
```
#f2ff9a rgb(242,255,154)
```
#f5ffae
```
#f5ffae rgb(245,255,174)
```
#f7ffc1
```
#f7ffc1 rgb(247,255,193)
```
#faffd5
```
#faffd5 rgb(250,255,213)
```
#fcffe9
```
#fcffe9 rgb(252,255,233)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#717362
```
#717362 rgb(113,115,98)
```
#777b5a
```
#777b5a rgb(119,123,90)
```
#7d8352
```
#7d8352 rgb(125,131,82)
```
#838b4a
```
#838b4a rgb(131,139,74)
```
#899342
```
#899342 rgb(137,147,66)
```
#8f9c39
```
#8f9c39 rgb(143,156,57)
```
#95a431
```
#95a431 rgb(149,164,49)
```
#9bac29
```
#9bac29 rgb(155,172,41)
```
#a2b421
```
#a2b421 rgb(162,180,33)
```
#a8bc19
```
#a8bc19 rgb(168,188,25)
```
#aec510
```
#aec510 rgb(174,197,16)
```
#b4cd08
```
#b4cd08 rgb(180,205,8)
```
#bad500
```
#bad500 rgb(186,213,0)
```

Tone Color Variation

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

Dichromacy

#e4cb00 Protanopia 1% of men
#fdc12b Deuteranopia 1% of men
#cfc8d7 Tritanopia 0.001% of the population

Trichromacy

#d4cf00 Protanomaly 1% of men, 0.01% of women
#e5c81b Deuteranomaly 6% of men, 0.4% of women
#c7cd88 Tritanomaly 0.01% of the population

#bad500 hex color

#bad500 Color Information

#bad500 Color Conversion

Color Schemes with #bad500

Alternatives to #bad500

#bad500 Preview

Shades and Tints of #bad500

Tones of #bad500

Color Blindness Simulator