#bad304 hex color

In a RGB color space, hex #bad304 is composed of 72.9% red, 82.7% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 98.1% yellow and 17.3% black. It has a hue angle of 67.2 degrees, a saturation of 96.3% and a lightness of 42.2%. #bad304 color hex could be obtained by blending #ffff08 with #75a700. Closest websafe color is: #cccc00.

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

● #bad304 color description : Strong yellow.

The hexadecimal color #bad304 has RGB values of R:186, G:211, B:4 and CMYK values of C:0.12, M:0, Y:0.98, K:0.17. Its decimal value is 12243716.

Hex triplet	bad304	`#bad304`
RGB Decimal	186, 211, 4	`rgb(186,211,4)`
RGB Percent	72.9, 82.7, 1.6	`rgb(72.9%,82.7%,1.6%)`
CMYK	12, 0, 98, 17
HSL	67.2°, 96.3, 42.2	`hsl(67.2,96.3%,42.2%)`
HSV (or HSB)	67.2°, 98.1, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.2, -29.143, 79.296
XYZ	43.566, 57.036, 8.829
xyY	0.398, 0.521, 57.036
CIE-LCH	80.2, 84.482, 110.179
CIE-LUV	80.2, -9.977, 89.928
Hunter-Lab	75.522, -29.195, 45.934
Binary	10111010, 11010011, 00000100

#bad304
```
#bad304 rgb(186,211,4)
```
#1d04d3
```
#1d04d3 rgb(29,4,211)
```

Complementary Color

#d38504
```
#d38504 rgb(211,133,4)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#53d304
```
#53d304 rgb(83,211,4)
```

Analogous Color

#8504d3
```
#8504d3 rgb(133,4,211)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#0453d3
```
#0453d3 rgb(4,83,211)
```

Split Complementary Color

#d304ba
```
#d304ba rgb(211,4,186)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#04bad3
```
#04bad3 rgb(4,186,211)
```

Triadic Color

#d31d04
```
#d31d04 rgb(211,29,4)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#04bad3
```
#04bad3 rgb(4,186,211)
```
#1d04d3
```
#1d04d3 rgb(29,4,211)
```

Tetradic Color

#788803
```
#788803 rgb(120,136,3)
```
#8ea103
```
#8ea103 rgb(142,161,3)
```
#a4ba04
```
#a4ba04 rgb(164,186,4)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#d0ec04
```
#d0ec04 rgb(208,236,4)
```
#defa10
```
#defa10 rgb(222,250,16)
```
#e2fb29
```
#e2fb29 rgb(226,251,41)
```

Monochromatic Color

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

#d3b804
```
#d3b804 rgb(211,184,4)
```
#d3ca04
```
#d3ca04 rgb(211,202,4)
```
#cbd304
```
#cbd304 rgb(203,211,4)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#a9d304
```
#a9d304 rgb(169,211,4)
```
#98d304
```
#98d304 rgb(152,211,4)
```
#86d304
```
#86d304 rgb(134,211,4)
```

Similar Colors

Text with hexadecimal color #bad304

This text has a font color of #bad304.

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

#bad304 background color

This paragraph has a background color of #bad304.

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

#bad304 border color

This element has a border color of #bad304.

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

CSS codes

.text {color:#bad304;}

.background {background-color:#bad304;}

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

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 #fffffe is the lightest one.

#101200
```
#101200 rgb(16,18,0)
```
#212601
```
#212601 rgb(33,38,1)
```
#323901
```
#323901 rgb(50,57,1)
```
#434c01
```
#434c01 rgb(67,76,1)
```
#545f02
```
#545f02 rgb(84,95,2)
```
#657302
```
#657302 rgb(101,115,2)
```
#768603
```
#768603 rgb(118,134,3)
```
#879903
```
#879903 rgb(135,153,3)
```
#98ac03
```
#98ac03 rgb(152,172,3)
```
#a9c004
```
#a9c004 rgb(169,192,4)
```
#bad304
```
#bad304 rgb(186,211,4)
```
#cbe604
```
#cbe604 rgb(203,230,4)
```
#dcfa05
```
#dcfa05 rgb(220,250,5)
```

Shade Color Variation

#dffb17
```
#dffb17 rgb(223,251,23)
```
#e2fb2a
```
#e2fb2a rgb(226,251,42)
```
#e4fb3e
```
#e4fb3e rgb(228,251,62)
```
#e7fc51
```
#e7fc51 rgb(231,252,81)
```
#eafc64
```
#eafc64 rgb(234,252,100)
```
#ecfc77
```
#ecfc77 rgb(236,252,119)
```
#effd8b
```
#effd8b rgb(239,253,139)
```
#f2fd9e
```
#f2fd9e rgb(242,253,158)
```
#f4feb1
```
#f4feb1 rgb(244,254,177)
```
#f7fec4
```
#f7fec4 rgb(247,254,196)
```
#fafed8
```
#fafed8 rgb(250,254,216)
```
#fcffeb
```
#fcffeb rgb(252,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6f7067
```
#6f7067 rgb(111,112,103)
```
#75785f
```
#75785f rgb(117,120,95)
```
#7b8057
```
#7b8057 rgb(123,128,87)
```
#82894e
```
#82894e rgb(130,137,78)
```
#889146
```
#889146 rgb(136,145,70)
```
#8e993e
```
#8e993e rgb(142,153,62)
```
#94a136
```
#94a136 rgb(148,161,54)
```
#9baa2d
```
#9baa2d rgb(155,170,45)
```
#a1b225
```
#a1b225 rgb(161,178,37)
```
#a7ba1d
```
#a7ba1d rgb(167,186,29)
```
#adc215
```
#adc215 rgb(173,194,21)
```
#b4cb0c
```
#b4cb0c rgb(180,203,12)
```
#bad304
```
#bad304 rgb(186,211,4)
```

Tone Color Variation

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

Dichromacy

#e2ca00 Protanopia 1% of men
#fbc02c Deuteranopia 1% of men
#cec7d5 Tritanopia 0.001% of the population

Trichromacy

#d3cd01 Protanomaly 1% of men, 0.01% of women
#e3c71d Deuteranomaly 6% of men, 0.4% of women
#c7cb89 Tritanomaly 0.01% of the population

#bad304 hex color

#bad304 Color Information

#bad304 Color Conversion

Color Schemes with #bad304

Alternatives to #bad304

#bad304 Preview

Shades and Tints of #bad304

Tones of #bad304

Color Blindness Simulator