colorhexa.com

#bad501 hex color

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

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

● #bad501 color description : Strong yellow.

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

Hex triplet	bad501	`#bad501`
RGB Decimal	186, 213, 1	`rgb(186,213,1)`
RGB Percent	72.9, 83.5, 0.4	`rgb(72.9%,83.5%,0.4%)`
CMYK	13, 0, 100, 16
HSL	67.6°, 99.1, 42	`hsl(67.6,99.1%,42%)`
HSV (or HSB)	67.6°, 99.5, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.755, -30.115, 79.993
XYZ	44.049, 58.03, 8.909
xyY	0.397, 0.523, 58.03
CIE-LCH	80.755, 85.474, 110.63
CIE-LUV	80.755, -11.17, 90.858
Hunter-Lab	76.177, -30.093, 46.39
Binary	10111010, 11010101, 00000001

#bad501
```
#bad501 rgb(186,213,1)
```
#1c01d5
```
#1c01d5 rgb(28,1,213)
```

Complementary Color

#d58601
```
#d58601 rgb(213,134,1)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#50d501
```
#50d501 rgb(80,213,1)
```

Analogous Color

#8601d5
```
#8601d5 rgb(134,1,213)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#0150d5
```
#0150d5 rgb(1,80,213)
```

Split Complementary Color

#d501ba
```
#d501ba rgb(213,1,186)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#01bad5
```
#01bad5 rgb(1,186,213)
```

Triadic Color

#788901
```
#788901 rgb(120,137,1)
```
#8ea201
```
#8ea201 rgb(142,162,1)
```
#a4bc01
```
#a4bc01 rgb(164,188,1)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#d0ee01
```
#d0ee01 rgb(208,238,1)
```
#dffe0b
```
#dffe0b rgb(223,254,11)
```
#e2fe25
```
#e2fe25 rgb(226,254,37)
```

Monochromatic Color

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

#d5bb01
```
#d5bb01 rgb(213,187,1)
```
#d5cd01
```
#d5cd01 rgb(213,205,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#a8d501
```
#a8d501 rgb(168,213,1)
```
#97d501
```
#97d501 rgb(151,213,1)
```
#85d501
```
#85d501 rgb(133,213,1)
```

Similar Colors

Text with hexadecimal color #bad501

This text has a font color of #bad501.

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

#bad501 background color

This paragraph has a background color of #bad501.

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

#bad501 border color

This element has a border color of #bad501.

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

CSS codes

.text {color:#bad501;}

.background {background-color:#bad501;}

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

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

#101200
```
#101200 rgb(16,18,0)
```
#212500
```
#212500 rgb(33,37,0)
```
#323900
```
#323900 rgb(50,57,0)
```
#434c00
```
#434c00 rgb(67,76,0)
```
#546000
```
#546000 rgb(84,96,0)
```
#657301
```
#657301 rgb(101,115,1)
```
#768701
```
#768701 rgb(118,135,1)
```
#879a01
```
#879a01 rgb(135,154,1)
```
#98ae01
```
#98ae01 rgb(152,174,1)
```
#a9c101
```
#a9c101 rgb(169,193,1)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#cbe901
```
#cbe901 rgb(203,233,1)
```
#dcfc01
```
#dcfc01 rgb(220,252,1)
```

Shade Color Variation

#e0fe13
```
#e0fe13 rgb(224,254,19)
```
#e3fe26
```
#e3fe26 rgb(227,254,38)
```
#e5fe3a
```
#e5fe3a rgb(229,254,58)
```
#e8fe4e
```
#e8fe4e rgb(232,254,78)
```
#eafe61
```
#eafe61 rgb(234,254,97)
```
#edfe75
```
#edfe75 rgb(237,254,117)
```
#effe88
```
#effe88 rgb(239,254,136)
```
#f2ff9c
```
#f2ff9c rgb(242,255,156)
```
#f5ffaf
```
#f5ffaf rgb(245,255,175)
```
#f7ffc3
```
#f7ffc3 rgb(247,255,195)
```
#faffd6
```
#faffd6 rgb(250,255,214)
```
#fcffea
```
#fcffea rgb(252,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#707264
```
#707264 rgb(112,114,100)
```
#777a5c
```
#777a5c rgb(119,122,92)
```
#7d8353
```
#7d8353 rgb(125,131,83)
```
#838b4b
```
#838b4b rgb(131,139,75)
```
#899343
```
#899343 rgb(137,147,67)
```
#8f9b3b
```
#8f9b3b rgb(143,155,59)
```
#95a432
```
#95a432 rgb(149,164,50)
```
#9bac2a
```
#9bac2a rgb(155,172,42)
```
#a1b422
```
#a1b422 rgb(161,180,34)
```
#a8bc1a
```
#a8bc1a rgb(168,188,26)
```
#aec511
```
#aec511 rgb(174,197,17)
```
#b4cd09
```
#b4cd09 rgb(180,205,9)
```
#bad501
```
#bad501 rgb(186,213,1)
```

Tone Color Variation

Below, you can see how #bad501 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
#fdc12c Deuteranopia 1% of men
#cfc8d7 Tritanopia 0.001% of the population

Trichromacy

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