#badb04 hex color

In a RGB color space, hex #badb04 is composed of 72.9% red, 85.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 0% magenta, 98.2% yellow and 14.1% black. It has a hue angle of 69.2 degrees, a saturation of 96.4% and a lightness of 43.7%. #badb04 color hex could be obtained by blending #ffff08 with #75b700. Closest websafe color is: #cccc00.

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

● #badb04 color description : Vivid yellow.

The hexadecimal color #badb04 has RGB values of R:186, G:219, B:4 and CMYK values of C:0.15, M:0, Y:0.98, K:0.14. Its decimal value is 12245764.

Hex triplet	badb04	`#badb04`
RGB Decimal	186, 219, 4	`rgb(186,219,4)`
RGB Percent	72.9, 85.9, 1.6	`rgb(72.9%,85.9%,1.6%)`
CMYK	15, 0, 98, 14
HSL	69.2°, 96.4, 43.7	`hsl(69.2,96.4%,43.7%)`
HSV (or HSB)	69.2°, 98.2, 85.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.438, -32.872, 80.991
XYZ	45.603, 61.111, 9.508
xyY	0.392, 0.526, 61.111
CIE-LCH	82.438, 87.407, 112.091
CIE-LUV	82.438, -14.717, 92.995
Hunter-Lab	78.173, -32.674, 47.51
Binary	10111010, 11011011, 00000100

#badb04
```
#badb04 rgb(186,219,4)
```
#2504db
```
#2504db rgb(37,4,219)
```

Complementary Color

#db9104
```
#db9104 rgb(219,145,4)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#4edb04
```
#4edb04 rgb(78,219,4)
```

Analogous Color

#9104db
```
#9104db rgb(145,4,219)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#044fdb
```
#044fdb rgb(4,79,219)
```

Split Complementary Color

#db04ba
```
#db04ba rgb(219,4,186)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#04badb
```
#04badb rgb(4,186,219)
```

Triadic Color

#db2504
```
#db2504 rgb(219,37,4)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#04badb
```
#04badb rgb(4,186,219)
```
#2504db
```
#2504db rgb(37,4,219)
```

Tetradic Color

#7a9003
```
#7a9003 rgb(122,144,3)
```
#8fa903
```
#8fa903 rgb(143,169,3)
```
#a5c204
```
#a5c204 rgb(165,194,4)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#cff404
```
#cff404 rgb(207,244,4)
```
#d8fb17
```
#d8fb17 rgb(216,251,23)
```
#dcfb30
```
#dcfb30 rgb(220,251,48)
```

Monochromatic Color

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

#dbc604
```
#dbc604 rgb(219,198,4)
```
#dbd804
```
#dbd804 rgb(219,216,4)
```
#ccdb04
```
#ccdb04 rgb(204,219,4)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#a8db04
```
#a8db04 rgb(168,219,4)
```
#96db04
```
#96db04 rgb(150,219,4)
```
#84db04
```
#84db04 rgb(132,219,4)
```

Similar Colors

Text with hexadecimal color #badb04

This text has a font color of #badb04.

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

#badb04 background color

This paragraph has a background color of #badb04.

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

#badb04 border color

This element has a border color of #badb04.

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

CSS codes

.text {color:#badb04;}

.background {background-color:#badb04;}

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

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

#060700
```
#060700 rgb(6,7,0)
```
#161a00
```
#161a00 rgb(22,26,0)
```
#272e01
```
#272e01 rgb(39,46,1)
```
#374101
```
#374101 rgb(55,65,1)
```
#475402
```
#475402 rgb(71,84,2)
```
#586702
```
#586702 rgb(88,103,2)
```
#687b02
```
#687b02 rgb(104,123,2)
```
#798e03
```
#798e03 rgb(121,142,3)
```
#89a103
```
#89a103 rgb(137,161,3)
```
#99b403
```
#99b403 rgb(153,180,3)
```
#aac804
```
#aac804 rgb(170,200,4)
```
#badb04
```
#badb04 rgb(186,219,4)
```
#caee04
```
#caee04 rgb(202,238,4)
```

Shade Color Variation

#d6fb0c
```
#d6fb0c rgb(214,251,12)
```
#d9fb1f
```
#d9fb1f rgb(217,251,31)
```
#dcfb32
```
#dcfb32 rgb(220,251,50)
```
#e0fc45
```
#e0fc45 rgb(224,252,69)
```
#e3fc59
```
#e3fc59 rgb(227,252,89)
```
#e6fc6c
```
#e6fc6c rgb(230,252,108)
```
#e9fd7f
```
#e9fd7f rgb(233,253,127)
```
#edfd93
```
#edfd93 rgb(237,253,147)
```
#f0fda6
```
#f0fda6 rgb(240,253,166)
```
#f3feb9
```
#f3feb9 rgb(243,254,185)
```
#f6fecc
```
#f6fecc rgb(246,254,204)
```
#fafee0
```
#fafee0 rgb(250,254,224)
```
#fdfff3
```
#fdfff3 rgb(253,255,243)
```

Tint Color Variation

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

#73746b
```
#73746b rgb(115,116,107)
```
#797d62
```
#797d62 rgb(121,125,98)
```
#7f855a
```
#7f855a rgb(127,133,90)
```
#858e51
```
#858e51 rgb(133,142,81)
```
#8a9649
```
#8a9649 rgb(138,150,73)
```
#909f40
```
#909f40 rgb(144,159,64)
```
#96a837
```
#96a837 rgb(150,168,55)
```
#9cb02f
```
#9cb02f rgb(156,176,47)
```
#a2b926
```
#a2b926 rgb(162,185,38)
```
#a8c11e
```
#a8c11e rgb(168,193,30)
```
#aeca15
```
#aeca15 rgb(174,202,21)
```
#b4d20d
```
#b4d20d rgb(180,210,13)
```
#badb04
```
#badb04 rgb(186,219,4)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9c095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d000 Protanopia 1% of men
#ffc655 Deuteranopia 1% of men
#d0cedc Tritanopia 0.001% of the population

Trichromacy

#d8d401 Protanomaly 1% of men, 0.01% of women
#e5ce37 Deuteranomaly 6% of men, 0.4% of women
#c8d28d Tritanomaly 0.01% of the population

#badb04 hex color

#badb04 Color Information

#badb04 Color Conversion

Color Schemes with #badb04

Alternatives to #badb04

#badb04 Preview

Shades and Tints of #badb04

Tones of #badb04

Color Blindness Simulator