#bad402 hex color

In a RGB color space, hex #bad402 is composed of 72.9% red, 83.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 0% magenta, 99.1% yellow and 16.9% black. It has a hue angle of 67.4 degrees, a saturation of 98.1% and a lightness of 42%. #bad402 color hex could be obtained by blending #ffff04 with #75a900. Closest websafe color is: #cccc00.

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

● #bad402 color description : Strong yellow.

The hexadecimal color #bad402 has RGB values of R:186, G:212, B:2 and CMYK values of C:0.12, M:0, Y:0.99, K:0.17. Its decimal value is 12243970.

Hex triplet	bad402	`#bad402`
RGB Decimal	186, 212, 2	`rgb(186,212,2)`
RGB Percent	72.9, 83.1, 0.8	`rgb(72.9%,83.1%,0.8%)`
CMYK	12, 0, 99, 17
HSL	67.4°, 98.1, 42	`hsl(67.4,98.1%,42%)`
HSV (or HSB)	67.4°, 99.1, 83.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.477, -29.635, 79.691
XYZ	43.804, 57.53, 8.854
xyY	0.398, 0.522, 57.53
CIE-LCH	80.477, 85.023, 110.399
CIE-LUV	80.477, -10.574, 90.42
Hunter-Lab	75.849, -29.649, 46.173
Binary	10111010, 11010100, 00000010

#bad402
```
#bad402 rgb(186,212,2)
```
#1c02d4
```
#1c02d4 rgb(28,2,212)
```

Complementary Color

#d48502
```
#d48502 rgb(212,133,2)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#51d402
```
#51d402 rgb(81,212,2)
```

Analogous Color

#8502d4
```
#8502d4 rgb(133,2,212)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#0251d4
```
#0251d4 rgb(2,81,212)
```

Split Complementary Color

#d402ba
```
#d402ba rgb(212,2,186)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#02bad4
```
#02bad4 rgb(2,186,212)
```

Triadic Color

#d41c02
```
#d41c02 rgb(212,28,2)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#02bad4
```
#02bad4 rgb(2,186,212)
```
#1c02d4
```
#1c02d4 rgb(28,2,212)
```

Tetradic Color

#788801
```
#788801 rgb(120,136,1)
```
#8ea102
```
#8ea102 rgb(142,161,2)
```
#a4bb02
```
#a4bb02 rgb(164,187,2)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#d0ed02
```
#d0ed02 rgb(208,237,2)
```
#dffd0c
```
#dffd0c rgb(223,253,12)
```
#e2fd26
```
#e2fd26 rgb(226,253,38)
```

Monochromatic Color

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

#d4ba02
```
#d4ba02 rgb(212,186,2)
```
#d4cb02
```
#d4cb02 rgb(212,203,2)
```
#ccd402
```
#ccd402 rgb(204,212,2)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#a9d402
```
#a9d402 rgb(169,212,2)
```
#97d402
```
#97d402 rgb(151,212,2)
```
#86d402
```
#86d402 rgb(134,212,2)
```

Similar Colors

Text with hexadecimal color #bad402

This text has a font color of #bad402.

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

#bad402 background color

This paragraph has a background color of #bad402.

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

#bad402 border color

This element has a border color of #bad402.

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

CSS codes

.text {color:#bad402;}

.background {background-color:#bad402;}

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

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)
```
#323901
```
#323901 rgb(50,57,1)
```
#434c01
```
#434c01 rgb(67,76,1)
```
#545f01
```
#545f01 rgb(84,95,1)
```
#657301
```
#657301 rgb(101,115,1)
```
#768601
```
#768601 rgb(118,134,1)
```
#879a01
```
#879a01 rgb(135,154,1)
```
#98ad02
```
#98ad02 rgb(152,173,2)
```
#a9c102
```
#a9c102 rgb(169,193,2)
```
#bad402
```
#bad402 rgb(186,212,2)
```
#cbe702
```
#cbe702 rgb(203,231,2)
```
#dcfb02
```
#dcfb02 rgb(220,251,2)
```

Shade Color Variation

#e0fd14
```
#e0fd14 rgb(224,253,20)
```
#e3fd27
```
#e3fd27 rgb(227,253,39)
```
#e5fd3b
```
#e5fd3b rgb(229,253,59)
```
#e8fd4e
```
#e8fd4e rgb(232,253,78)
```
#eafe62
```
#eafe62 rgb(234,254,98)
```
#edfe75
```
#edfe75 rgb(237,254,117)
```
#effe89
```
#effe89 rgb(239,254,137)
```
#f2fe9c
```
#f2fe9c rgb(242,254,156)
```
#f5feb0
```
#f5feb0 rgb(245,254,176)
```
#f7fec3
```
#f7fec3 rgb(247,254,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, #707165 is the less saturated color, while #bad402 is the most saturated one.

#707165
```
#707165 rgb(112,113,101)
```
#76795d
```
#76795d rgb(118,121,93)
```
#7c8254
```
#7c8254 rgb(124,130,84)
```
#828a4c
```
#828a4c rgb(130,138,76)
```
#889244
```
#889244 rgb(136,146,68)
```
#8f9a3c
```
#8f9a3c rgb(143,154,60)
```
#95a333
```
#95a333 rgb(149,163,51)
```
#9bab2b
```
#9bab2b rgb(155,171,43)
```
#a1b323
```
#a1b323 rgb(161,179,35)
```
#a7bb1b
```
#a7bb1b rgb(167,187,27)
```
#aec412
```
#aec412 rgb(174,196,18)
```
#b4cc0a
```
#b4cc0a rgb(180,204,10)
```
#bad402
```
#bad402 rgb(186,212,2)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b5ba90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb00 Protanopia 1% of men
#fcc02c Deuteranopia 1% of men
#cfc7d6 Tritanopia 0.001% of the population

Trichromacy

#d4ce00 Protanomaly 1% of men, 0.01% of women
#e4c71c Deuteranomaly 6% of men, 0.4% of women
#c7cc89 Tritanomaly 0.01% of the population

#bad402 hex color

#bad402 Color Information

#bad402 Color Conversion

Color Schemes with #bad402

Alternatives to #bad402

#bad402 Preview

Shades and Tints of #bad402

Tones of #bad402

Color Blindness Simulator