#bad700 hex color

In a RGB color space, hex #bad700 is composed of 72.9% red, 84.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 0% magenta, 100% yellow and 15.7% black. It has a hue angle of 68.1 degrees, a saturation of 100% and a lightness of 42.2%. #bad700 color hex could be obtained by blending #ffff00 with #75af00. Closest websafe color is: #cccc00.

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

● #bad700 color description : Strong yellow.

The hexadecimal color #bad700 has RGB values of R:186, G:215, B:0 and CMYK values of C:0.13, M:0, Y:1, K:0.16. Its decimal value is 12244736.

Hex triplet	bad700	`#bad700`
RGB Decimal	186, 215, 0	`rgb(186,215,0)`
RGB Percent	72.9, 84.3, 0	`rgb(72.9%,84.3%,0%)`
CMYK	13, 0, 100, 16
HSL	68.1°, 100, 42.2	`hsl(68.1,100%,42.2%)`
HSV (or HSB)	68.1°, 100, 84.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.314, -31.061, 80.503
XYZ	44.55, 59.04, 9.049
xyY	0.396, 0.524, 59.04
CIE-LCH	81.314, 86.287, 111.098
CIE-LUV	81.314, -12.358, 91.677
Hunter-Lab	76.837, -30.972, 46.804
Binary	10111010, 11010111, 00000000

#bad700
```
#bad700 rgb(186,215,0)
```
#1d00d7
```
#1d00d7 rgb(29,0,215)
```

Complementary Color

#d78900
```
#d78900 rgb(215,137,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#4fd700
```
#4fd700 rgb(79,215,0)
```

Analogous Color

#8900d7
```
#8900d7 rgb(137,0,215)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#004fd7
```
#004fd7 rgb(0,79,215)
```

Split Complementary Color

#d700ba
```
#d700ba rgb(215,0,186)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#00bad7
```
#00bad7 rgb(0,186,215)
```

Triadic Color

#d71d00
```
#d71d00 rgb(215,29,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#00bad7
```
#00bad7 rgb(0,186,215)
```
#1d00d7
```
#1d00d7 rgb(29,0,215)
```

Tetradic Color

#788b00
```
#788b00 rgb(120,139,0)
```
#8ea400
```
#8ea400 rgb(142,164,0)
```
#a4be00
```
#a4be00 rgb(164,190,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#d0f100
```
#d0f100 rgb(208,241,0)
```
#deff0b
```
#deff0b rgb(222,255,11)
```
#e2ff25
```
#e2ff25 rgb(226,255,37)
```

Monochromatic Color

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

#d7be00
```
#d7be00 rgb(215,190,0)
```
#d7d000
```
#d7d000 rgb(215,208,0)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#a8d700
```
#a8d700 rgb(168,215,0)
```
#96d700
```
#96d700 rgb(150,215,0)
```
#84d700
```
#84d700 rgb(132,215,0)
```

Similar Colors

Text with hexadecimal color #bad700

This text has a font color of #bad700.

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

#bad700 background color

This paragraph has a background color of #bad700.

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

#bad700 border color

This element has a border color of #bad700.

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

CSS codes

.text {color:#bad700;}

.background {background-color:#bad700;}

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

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

#101300
```
#101300 rgb(16,19,0)
```
#212600
```
#212600 rgb(33,38,0)
```
#323a00
```
#323a00 rgb(50,58,0)
```
#434e00
```
#434e00 rgb(67,78,0)
```
#546100
```
#546100 rgb(84,97,0)
```
#657500
```
#657500 rgb(101,117,0)
```
#768900
```
#768900 rgb(118,137,0)
```
#879c00
```
#879c00 rgb(135,156,0)
```
#98b000
```
#98b000 rgb(152,176,0)
```
#a9c300
```
#a9c300 rgb(169,195,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#cbeb00
```
#cbeb00 rgb(203,235,0)
```
#dcfe00
```
#dcfe00 rgb(220,254,0)
```

Shade Color Variation

#dfff13
```
#dfff13 rgb(223,255,19)
```
#e2ff26
```
#e2ff26 rgb(226,255,38)
```
#e4ff3a
```
#e4ff3a rgb(228,255,58)
```
#e7ff4e
```
#e7ff4e rgb(231,255,78)
```
#eaff61
```
#eaff61 rgb(234,255,97)
```
#ecff75
```
#ecff75 rgb(236,255,117)
```
#efff89
```
#efff89 rgb(239,255,137)
```
#f2ff9c
```
#f2ff9c rgb(242,255,156)
```
#f4ffb0
```
#f4ffb0 rgb(244,255,176)
```
#f7ffc3
```
#f7ffc3 rgb(247,255,195)
```
#faffd7
```
#faffd7 rgb(250,255,215)
```
#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, #727463 is the less saturated color, while #bad700 is the most saturated one.

#727463
```
#727463 rgb(114,116,99)
```
#787c5b
```
#787c5b rgb(120,124,91)
```
#7e8453
```
#7e8453 rgb(126,132,83)
```
#848d4a
```
#848d4a rgb(132,141,74)
```
#8a9542
```
#8a9542 rgb(138,149,66)
```
#909d3a
```
#909d3a rgb(144,157,58)
```
#96a532
```
#96a532 rgb(150,165,50)
```
#9cae29
```
#9cae29 rgb(156,174,41)
```
#a2b621
```
#a2b621 rgb(162,182,33)
```
#a8be19
```
#a8be19 rgb(168,190,25)
```
#aec611
```
#aec611 rgb(174,198,17)
```
#b4cf08
```
#b4cf08 rgb(180,207,8)
```
#bad700
```
#bad700 rgb(186,215,0)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b7bd92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cd00 Protanopia 1% of men
#ffc334 Deuteranopia 1% of men
#cfcad9 Tritanopia 0.001% of the population

Trichromacy

#d5d000 Protanomaly 1% of men, 0.01% of women
#e5ca21 Deuteranomaly 6% of men, 0.4% of women
#c7cf8a Tritanomaly 0.01% of the population

#bad700 hex color

#bad700 Color Information

#bad700 Color Conversion

Color Schemes with #bad700

Alternatives to #bad700

#bad700 Preview

Shades and Tints of #bad700

Tones of #bad700

Color Blindness Simulator