#bad316 hex color

In a RGB color space, hex #bad316 is composed of 72.9% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 67.9 degrees, a saturation of 81.1% and a lightness of 45.7%. #bad316 color hex could be obtained by blending #ffff2c with #75a700. Closest websafe color is: #cccc00.

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

● #bad316 color description : Strong yellow.

The hexadecimal color #bad316 has RGB values of R:186, G:211, B:22 and CMYK values of C:0.12, M:0, Y:0.9, K:0.17. Its decimal value is 12243734.

Hex triplet	bad316	`#bad316`
RGB Decimal	186, 211, 22	`rgb(186,211,22)`
RGB Percent	72.9, 82.7, 8.6	`rgb(72.9%,82.7%,8.6%)`
CMYK	12, 0, 90, 17
HSL	67.9°, 81.1, 45.7	`hsl(67.9,81.1%,45.7%)`
HSV (or HSB)	67.9°, 89.6, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.228, -28.9, 77.279
XYZ	43.689, 57.086, 9.476
xyY	0.396, 0.518, 57.086
CIE-LCH	80.228, 82.506, 110.504
CIE-LUV	80.228, -10.021, 88.711
Hunter-Lab	75.555, -29.006, 45.452
Binary	10111010, 11010011, 00010110

#bad316
```
#bad316 rgb(186,211,22)
```
#2f16d3
```
#2f16d3 rgb(47,22,211)
```

Complementary Color

#d38e16
```
#d38e16 rgb(211,142,22)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#5cd316
```
#5cd316 rgb(92,211,22)
```

Analogous Color

#8e16d3
```
#8e16d3 rgb(142,22,211)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#165cd3
```
#165cd3 rgb(22,92,211)
```

Split Complementary Color

#d316ba
```
#d316ba rgb(211,22,186)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#16bad3
```
#16bad3 rgb(22,186,211)
```

Triadic Color

#d32f16
```
#d32f16 rgb(211,47,22)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#16bad3
```
#16bad3 rgb(22,186,211)
```
#2f16d3
```
#2f16d3 rgb(47,22,211)
```

Tetradic Color

#7d8e0f
```
#7d8e0f rgb(125,142,15)
```
#91a511
```
#91a511 rgb(145,165,17)
```
#a6bc14
```
#a6bc14 rgb(166,188,20)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#cce71b
```
#cce71b rgb(204,231,27)
```
#d1ea32
```
#d1ea32 rgb(209,234,50)
```
#d7ec49
```
#d7ec49 rgb(215,236,73)
```

Monochromatic Color

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

#d3bd16
```
#d3bd16 rgb(211,189,22)
```
#d3cd16
```
#d3cd16 rgb(211,205,22)
```
#cad316
```
#cad316 rgb(202,211,22)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#aad316
```
#aad316 rgb(170,211,22)
```
#9bd316
```
#9bd316 rgb(155,211,22)
```
#8bd316
```
#8bd316 rgb(139,211,22)
```

Similar Colors

Text with hexadecimal color #bad316

This text has a font color of #bad316.

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

#bad316 background color

This paragraph has a background color of #bad316.

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

#bad316 border color

This element has a border color of #bad316.

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

CSS codes

.text {color:#bad316;}

.background {background-color:#bad316;}

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

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

#0e1002
```
#0e1002 rgb(14,16,2)
```
#1d2103
```
#1d2103 rgb(29,33,3)
```
#2d3305
```
#2d3305 rgb(45,51,5)
```
#3d4507
```
#3d4507 rgb(61,69,7)
```
#4c5709
```
#4c5709 rgb(76,87,9)
```
#5c680b
```
#5c680b rgb(92,104,11)
```
#6c7a0d
```
#6c7a0d rgb(108,122,13)
```
#7b8c0f
```
#7b8c0f rgb(123,140,15)
```
#8b9e10
```
#8b9e10 rgb(139,158,16)
```
#9baf12
```
#9baf12 rgb(155,175,18)
```
#aac114
```
#aac114 rgb(170,193,20)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#cae518
```
#cae518 rgb(202,229,24)
```

Shade Color Variation

#cfe928
```
#cfe928 rgb(207,233,40)
```
#d3ea39
```
#d3ea39 rgb(211,234,57)
```
#d7ec4b
```
#d7ec4b rgb(215,236,75)
```
#dbee5d
```
#dbee5d rgb(219,238,93)
```
#dff06f
```
#dff06f rgb(223,240,111)
```
#e3f280
```
#e3f280 rgb(227,242,128)
```
#e7f492
```
#e7f492 rgb(231,244,146)
```
#ebf6a4
```
#ebf6a4 rgb(235,246,164)
```
#eff7b6
```
#eff7b6 rgb(239,247,182)
```
#f3f9c8
```
#f3f9c8 rgb(243,249,200)
```
#f7fbd9
```
#f7fbd9 rgb(247,251,217)
```
#fbfdeb
```
#fbfdeb rgb(251,253,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#787970
```
#787970 rgb(120,121,112)
```
#7f8267
```
#7f8267 rgb(127,130,103)
```
#858b5e
```
#858b5e rgb(133,139,94)
```
#8c9455
```
#8c9455 rgb(140,148,85)
```
#929d4c
```
#929d4c rgb(146,157,76)
```
#99a643
```
#99a643 rgb(153,166,67)
```
#a0af3a
```
#a0af3a rgb(160,175,58)
```
#a6b831
```
#a6b831 rgb(166,184,49)
```
#adc128
```
#adc128 rgb(173,193,40)
```
#b3ca1f
```
#b3ca1f rgb(179,202,31)
```
#bad316
```
#bad316 rgb(186,211,22)
```
#c1dc0d
```
#c1dc0d rgb(193,220,13)
```
#c7e504
```
#c7e504 rgb(199,229,4)
```

Tone Color Variation

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

Dichromacy

#e2ca1e Protanopia 1% of men
#fbc034 Deuteranopia 1% of men
#cec7d5 Tritanopia 0.001% of the population

Trichromacy

#d3cd1b Protanomaly 1% of men, 0.01% of women
#e3c729 Deuteranomaly 6% of men, 0.4% of women
#c7cb8f Tritanomaly 0.01% of the population

#bad316 hex color

#bad316 Color Information

#bad316 Color Conversion

Color Schemes with #bad316

Alternatives to #bad316

#bad316 Preview

Shades and Tints of #bad316

Tones of #bad316

Color Blindness Simulator