#bad60f hex color

In a RGB color space, hex #bad60f is composed of 72.9% red, 83.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 13.1% cyan, 0% magenta, 93% yellow and 16.1% black. It has a hue angle of 68.4 degrees, a saturation of 86.9% and a lightness of 44.9%. #bad60f color hex could be obtained by blending #ffff1e with #75ad00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 73
- G 84
- B 6
RGB color chart
- C 13
- M 0
- Y 93
- K 16
CMYK color chart

● #bad60f color description : Strong yellow.

The hexadecimal color #bad60f has RGB values of R:186, G:214, B:15 and CMYK values of C:0.13, M:0, Y:0.93, K:0.16. Its decimal value is 12244495.

Hex triplet	bad60f	`#bad60f`
RGB Decimal	186, 214, 15	`rgb(186,214,15)`
RGB Percent	72.9, 83.9, 5.9	`rgb(72.9%,83.9%,5.9%)`
CMYK	13, 0, 93, 16
HSL	68.4°, 86.9, 44.9	`hsl(68.4,86.9%,44.9%)`
HSV (or HSB)	68.4°, 93, 83.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.053, -30.425, 78.882
XYZ	44.382, 58.567, 9.418
xyY	0.395, 0.521, 58.567
CIE-LCH	81.053, 84.546, 111.092
CIE-LUV	81.053, -11.791, 90.451
Hunter-Lab	76.529, -30.406, 46.273
Binary	10111010, 11010110, 00001111

#bad60f
```
#bad60f rgb(186,214,15)
```
#2b0fd6
```
#2b0fd6 rgb(43,15,214)
```

Complementary Color

#d68f0f
```
#d68f0f rgb(214,143,15)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#57d60f
```
#57d60f rgb(87,214,15)
```

Analogous Color

#8f0fd6
```
#8f0fd6 rgb(143,15,214)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#0f57d6
```
#0f57d6 rgb(15,87,214)
```

Split Complementary Color

#d60fba
```
#d60fba rgb(214,15,186)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#0fbad6
```
#0fbad6 rgb(15,186,214)
```

Triadic Color

#d62b0f
```
#d62b0f rgb(214,43,15)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#0fbad6
```
#0fbad6 rgb(15,186,214)
```
#2b0fd6
```
#2b0fd6 rgb(43,15,214)
```

Tetradic Color

#7c8f0a
```
#7c8f0a rgb(124,143,10)
```
#91a60c
```
#91a60c rgb(145,166,12)
```
#a5be0d
```
#a5be0d rgb(165,190,13)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#cfee11
```
#cfee11 rgb(207,238,17)
```
#d4f028
```
#d4f028 rgb(212,240,40)
```
#d9f240
```
#d9f240 rgb(217,242,64)
```

Monochromatic Color

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

#d6c00f
```
#d6c00f rgb(214,192,15)
```
#d6d10f
```
#d6d10f rgb(214,209,15)
```
#cbd60f
```
#cbd60f rgb(203,214,15)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#a9d60f
```
#a9d60f rgb(169,214,15)
```
#99d60f
```
#99d60f rgb(153,214,15)
```
#88d60f
```
#88d60f rgb(136,214,15)
```

Similar Colors

Text with hexadecimal color #bad60f

This text has a font color of #bad60f.

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

#bad60f background color

This paragraph has a background color of #bad60f.

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

#bad60f border color

This element has a border color of #bad60f.

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

CSS codes

.text {color:#bad60f;}

.background {background-color:#bad60f;}

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

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

#0b0c01
```
#0b0c01 rgb(11,12,1)
```
#1b1f02
```
#1b1f02 rgb(27,31,2)
```
#2b3103
```
#2b3103 rgb(43,49,3)
```
#3b4305
```
#3b4305 rgb(59,67,5)
```
#4a5606
```
#4a5606 rgb(74,86,6)
```
#5a6807
```
#5a6807 rgb(90,104,7)
```
#6a7a09
```
#6a7a09 rgb(106,122,9)
```
#7a8d0a
```
#7a8d0a rgb(122,141,10)
```
#8a9f0b
```
#8a9f0b rgb(138,159,11)
```
#9ab10c
```
#9ab10c rgb(154,177,12)
```
#aac40e
```
#aac40e rgb(170,196,14)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#cae810
```
#cae810 rgb(202,232,16)
```

Shade Color Variation

#d2ef1d
```
#d2ef1d rgb(210,239,29)
```
#d5f02f
```
#d5f02f rgb(213,240,47)
```
#d9f242
```
#d9f242 rgb(217,242,66)
```
#ddf354
```
#ddf354 rgb(221,243,84)
```
#e0f466
```
#e0f466 rgb(224,244,102)
```
#e4f679
```
#e4f679 rgb(228,246,121)
```
#e8f78b
```
#e8f78b rgb(232,247,139)
```
#ebf89d
```
#ebf89d rgb(235,248,157)
```
#eff9b0
```
#eff9b0 rgb(239,249,176)
```
#f3fbc2
```
#f3fbc2 rgb(243,251,194)
```
#f6fcd4
```
#f6fcd4 rgb(246,252,212)
```
#fafde7
```
#fafde7 rgb(250,253,231)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#747570
```
#747570 rgb(116,117,112)
```
#7b7e67
```
#7b7e67 rgb(123,126,103)
```
#81875e
```
#81875e rgb(129,135,94)
```
#879055
```
#879055 rgb(135,144,85)
```
#8e984d
```
#8e984d rgb(142,152,77)
```
#94a144
```
#94a144 rgb(148,161,68)
```
#9aaa3b
```
#9aaa3b rgb(154,170,59)
```
#a1b332
```
#a1b332 rgb(161,179,50)
```
#a7bc29
```
#a7bc29 rgb(167,188,41)
```
#adc421
```
#adc421 rgb(173,196,33)
```
#b4cd18
```
#b4cd18 rgb(180,205,24)
```
#bad60f
```
#bad60f rgb(186,214,15)
```
#c0df06
```
#c0df06 rgb(192,223,6)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b8bd95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc16 Protanopia 1% of men
#fec231 Deuteranopia 1% of men
#cfc9d8 Tritanopia 0.001% of the population

Trichromacy

#d5cf13 Protanomaly 1% of men, 0.01% of women
#e5c925 Deuteranomaly 6% of men, 0.4% of women
#c7ce8f Tritanomaly 0.01% of the population

#bad60f hex color

#bad60f Color Information

#bad60f Color Conversion

Color Schemes with #bad60f

Alternatives to #bad60f

#bad60f Preview

Shades and Tints of #bad60f

Tones of #bad60f

Color Blindness Simulator