#badd1f hex color

In a RGB color space, hex #badd1f is composed of 72.9% red, 86.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 86% yellow and 13.3% black. It has a hue angle of 71.1 degrees, a saturation of 75.4% and a lightness of 49.4%. #badd1f color hex could be obtained by blending #ffff3e with #75bb00. Closest websafe color is: #cccc33.

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

● #badd1f color description : Vivid yellow.

The hexadecimal color #badd1f has RGB values of R:186, G:221, B:31 and CMYK values of C:0.16, M:0, Y:0.86, K:0.13. Its decimal value is 12246303.

Hex triplet	badd1f	`#badd1f`
RGB Decimal	186, 221, 31	`rgb(186,221,31)`
RGB Percent	72.9, 86.7, 12.2	`rgb(72.9%,86.7%,12.2%)`
CMYK	16, 0, 86, 13
HSL	71.1°, 75.4, 49.4	`hsl(71.1,75.4%,49.4%)`
HSV (or HSB)	71.1°, 86, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.047, -33.359, 77.99
XYZ	46.353, 62.251, 10.87
xyY	0.388, 0.521, 62.251
CIE-LCH	83.047, 84.825, 113.158
CIE-LUV	83.047, -15.931, 91.638
Hunter-Lab	78.899, -33.205, 47.061
Binary	10111010, 11011101, 00011111

#badd1f
```
#badd1f rgb(186,221,31)
```
#421fdd
```
#421fdd rgb(66,31,221)
```

Complementary Color

#dda11f
```
#dda11f rgb(221,161,31)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#5bdd1f
```
#5bdd1f rgb(91,221,31)
```

Analogous Color

#a11fdd
```
#a11fdd rgb(161,31,221)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#1f5bdd
```
#1f5bdd rgb(31,91,221)
```

Split Complementary Color

#dd1fba
```
#dd1fba rgb(221,31,186)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#1fbadd
```
#1fbadd rgb(31,186,221)
```

Triadic Color

#dd421f
```
#dd421f rgb(221,66,31)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#1fbadd
```
#1fbadd rgb(31,186,221)
```
#421fdd
```
#421fdd rgb(66,31,221)
```

Tetradic Color

#829a16
```
#829a16 rgb(130,154,22)
```
#94b019
```
#94b019 rgb(148,176,25)
```
#a7c71c
```
#a7c71c rgb(167,199,28)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#c2e233
```
#c2e233 rgb(194,226,51)
```
#c9e649
```
#c9e649 rgb(201,230,73)
```
#cfe960
```
#cfe960 rgb(207,233,96)
```

Monochromatic Color

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

#ddd11f
```
#ddd11f rgb(221,209,31)
```
#dadd1f
```
#dadd1f rgb(218,221,31)
```
#cadd1f
```
#cadd1f rgb(202,221,31)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#aadd1f
```
#aadd1f rgb(170,221,31)
```
#9add1f
```
#9add1f rgb(154,221,31)
```
#8bdd1f
```
#8bdd1f rgb(139,221,31)
```

Similar Colors

Text with hexadecimal color #badd1f

This text has a font color of #badd1f.

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

#badd1f background color

This paragraph has a background color of #badd1f.

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

#badd1f border color

This element has a border color of #badd1f.

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

CSS codes

.text {color:#badd1f;}

.background {background-color:#badd1f;}

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

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

#0c0f02
```
#0c0f02 rgb(12,15,2)
```
#1b2004
```
#1b2004 rgb(27,32,4)
```
#293107
```
#293107 rgb(41,49,7)
```
#384209
```
#384209 rgb(56,66,9)
```
#46530c
```
#46530c rgb(70,83,12)
```
#55650e
```
#55650e rgb(85,101,14)
```
#637611
```
#637611 rgb(99,118,17)
```
#728713
```
#728713 rgb(114,135,19)
```
#809815
```
#809815 rgb(128,152,21)
```
#8fa918
```
#8fa918 rgb(143,169,24)
```
#9dbb1a
```
#9dbb1a rgb(157,187,26)
```
#accc1d
```
#accc1d rgb(172,204,29)
```
#badd1f
```
#badd1f rgb(186,221,31)
```

Shade Color Variation

#c1e22e
```
#c1e22e rgb(193,226,46)
```
#c6e43f
```
#c6e43f rgb(198,228,63)
```
#cbe750
```
#cbe750 rgb(203,231,80)
```
#d0e962
```
#d0e962 rgb(208,233,98)
```
#d5eb73
```
#d5eb73 rgb(213,235,115)
```
#daee84
```
#daee84 rgb(218,238,132)
```
#dff095
```
#dff095 rgb(223,240,149)
```
#e5f3a6
```
#e5f3a6 rgb(229,243,166)
```
#eaf5b8
```
#eaf5b8 rgb(234,245,184)
```
#eff7c9
```
#eff7c9 rgb(239,247,201)
```
#f4fada
```
#f4fada rgb(244,250,218)
```
#f9fceb
```
#f9fceb rgb(249,252,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#838676
```
#838676 rgb(131,134,118)
```
#898f6d
```
#898f6d rgb(137,143,109)
```
#8f9963
```
#8f9963 rgb(143,153,99)
```
#95a359
```
#95a359 rgb(149,163,89)
```
#9bad4f
```
#9bad4f rgb(155,173,79)
```
#a2b646
```
#a2b646 rgb(162,182,70)
```
#a8c03c
```
#a8c03c rgb(168,192,60)
```
#aeca32
```
#aeca32 rgb(174,202,50)
```
#b4d329
```
#b4d329 rgb(180,211,41)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#c0e715
```
#c0e715 rgb(192,231,21)
```
#c6f00c
```
#c6f00c rgb(198,240,12)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bcc39d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead126 Protanopia 1% of men
#ffc863 Deuteranopia 1% of men
#d0d0de Tritanopia 0.001% of the population

Trichromacy

#d8d523 Protanomaly 1% of men, 0.01% of women
#e5d04a Deuteranomaly 6% of men, 0.4% of women
#c8d499 Tritanomaly 0.01% of the population

#badd1f hex color

#badd1f Color Information

#badd1f Color Conversion

Color Schemes with #badd1f

Alternatives to #badd1f

#badd1f Preview

Shades and Tints of #badd1f

Tones of #badd1f

Color Blindness Simulator