#bad313 hex color

In a RGB color space, hex #bad313 is composed of 72.9% red, 82.7% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 91% yellow and 17.3% black. It has a hue angle of 67.8 degrees, a saturation of 83.5% and a lightness of 45.1%. #bad313 color hex could be obtained by blending #ffff26 with #75a700. Closest websafe color is: #cccc00.

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

● #bad313 color description : Strong yellow.

The hexadecimal color #bad313 has RGB values of R:186, G:211, B:19 and CMYK values of C:0.12, M:0, Y:0.91, K:0.17. Its decimal value is 12243731.

Hex triplet	bad313	`#bad313`
RGB Decimal	186, 211, 19	`rgb(186,211,19)`
RGB Percent	72.9, 82.7, 7.5	`rgb(72.9%,82.7%,7.5%)`
CMYK	12, 0, 91, 17
HSL	67.8°, 83.5, 45.1	`hsl(67.8,83.5%,45.1%)`
HSV (or HSB)	67.8°, 91, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.222, -28.954, 77.718
XYZ	43.661, 57.075, 9.332
xyY	0.397, 0.519, 57.075
CIE-LCH	80.222, 82.936, 110.433
CIE-LUV	80.222, -10.011, 88.98
Hunter-Lab	75.548, -29.048, 45.559
Binary	10111010, 11010011, 00010011

#bad313
```
#bad313 rgb(186,211,19)
```
#2c13d3
```
#2c13d3 rgb(44,19,211)
```

Complementary Color

#d38c13
```
#d38c13 rgb(211,140,19)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#5ad313
```
#5ad313 rgb(90,211,19)
```

Analogous Color

#8c13d3
```
#8c13d3 rgb(140,19,211)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#135ad3
```
#135ad3 rgb(19,90,211)
```

Split Complementary Color

#d313ba
```
#d313ba rgb(211,19,186)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#13bad3
```
#13bad3 rgb(19,186,211)
```

Triadic Color

#d32c13
```
#d32c13 rgb(211,44,19)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#13bad3
```
#13bad3 rgb(19,186,211)
```
#2c13d3
```
#2c13d3 rgb(44,19,211)
```

Tetradic Color

#7c8d0d
```
#7c8d0d rgb(124,141,13)
```
#91a40f
```
#91a40f rgb(145,164,15)
```
#a5bc11
```
#a5bc11 rgb(165,188,17)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#ceea16
```
#ceea16 rgb(206,234,22)
```
#d3ec2d
```
#d3ec2d rgb(211,236,45)
```
#d8ee44
```
#d8ee44 rgb(216,238,68)
```

Monochromatic Color

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

#d3bc13
```
#d3bc13 rgb(211,188,19)
```
#d3cc13
```
#d3cc13 rgb(211,204,19)
```
#cad313
```
#cad313 rgb(202,211,19)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#aad313
```
#aad313 rgb(170,211,19)
```
#9ad313
```
#9ad313 rgb(154,211,19)
```
#8ad313
```
#8ad313 rgb(138,211,19)
```

Similar Colors

Text with hexadecimal color #bad313

This text has a font color of #bad313.

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

#bad313 background color

This paragraph has a background color of #bad313.

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

#bad313 border color

This element has a border color of #bad313.

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

CSS codes

.text {color:#bad313;}

.background {background-color:#bad313;}

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

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

#0c0d01
```
#0c0d01 rgb(12,13,1)
```
#1b1f03
```
#1b1f03 rgb(27,31,3)
```
#2b3104
```
#2b3104 rgb(43,49,4)
```
#3b4306
```
#3b4306 rgb(59,67,6)
```
#4b5508
```
#4b5508 rgb(75,85,8)
```
#5b6709
```
#5b6709 rgb(91,103,9)
```
#6b790b
```
#6b790b rgb(107,121,11)
```
#7b8b0d
```
#7b8b0d rgb(123,139,13)
```
#8a9d0e
```
#8a9d0e rgb(138,157,14)
```
#9aaf10
```
#9aaf10 rgb(154,175,16)
```
#aac111
```
#aac111 rgb(170,193,17)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#cae515
```
#cae515 rgb(202,229,21)
```

Shade Color Variation

#d1eb22
```
#d1eb22 rgb(209,235,34)
```
#d5ed34
```
#d5ed34 rgb(213,237,52)
```
#d8ee46
```
#d8ee46 rgb(216,238,70)
```
#dcf058
```
#dcf058 rgb(220,240,88)
```
#e0f26a
```
#e0f26a rgb(224,242,106)
```
#e4f37c
```
#e4f37c rgb(228,243,124)
```
#e7f58e
```
#e7f58e rgb(231,245,142)
```
#ebf6a0
```
#ebf6a0 rgb(235,246,160)
```
#eff8b2
```
#eff8b2 rgb(239,248,178)
```
#f3fac4
```
#f3fac4 rgb(243,250,196)
```
#f6fbd6
```
#f6fbd6 rgb(246,251,214)
```
#fafde8
```
#fafde8 rgb(250,253,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#797b6b
```
#797b6b rgb(121,123,107)
```
#7f8363
```
#7f8363 rgb(127,131,99)
```
#868c5a
```
#868c5a rgb(134,140,90)
```
#8c9551
```
#8c9551 rgb(140,149,81)
```
#939e48
```
#939e48 rgb(147,158,72)
```
#99a73f
```
#99a73f rgb(153,167,63)
```
#a0b036
```
#a0b036 rgb(160,176,54)
```
#a6b82e
```
#a6b82e rgb(166,184,46)
```
#adc125
```
#adc125 rgb(173,193,37)
```
#b3ca1c
```
#b3ca1c rgb(179,202,28)
```
#bad313
```
#bad313 rgb(186,211,19)
```
#c1dc0a
```
#c1dc0a rgb(193,220,10)
```
#c7e501
```
#c7e501 rgb(199,229,1)
```

Tone Color Variation

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

Dichromacy

#e2ca1b Protanopia 1% of men
#fbc032 Deuteranopia 1% of men
#cec7d5 Tritanopia 0.001% of the population

Trichromacy

#d3cd18 Protanomaly 1% of men, 0.01% of women
#e3c727 Deuteranomaly 6% of men, 0.4% of women
#c7cb8e Tritanomaly 0.01% of the population

#bad313 hex color

#bad313 Color Information

#bad313 Color Conversion

Color Schemes with #bad313

Alternatives to #bad313

#bad313 Preview

Shades and Tints of #bad313

Tones of #bad313

Color Blindness Simulator