#bad345 hex color

In a RGB color space, hex #bad345 is composed of 72.9% red, 82.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 67.3% yellow and 17.3% black. It has a hue angle of 70.6 degrees, a saturation of 61.7% and a lightness of 54.9%. #bad345 color hex could be obtained by blending #ffff8a with #75a700. Closest websafe color is: #cccc33.

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

● #bad345 color description : Moderate yellow.

The hexadecimal color #bad345 has RGB values of R:186, G:211, B:69 and CMYK values of C:0.12, M:0, Y:0.67, K:0.17. Its decimal value is 12243781.

Hex triplet	bad345	`#bad345`
RGB Decimal	186, 211, 69	`rgb(186,211,69)`
RGB Percent	72.9, 82.7, 27.1	`rgb(72.9%,82.7%,27.1%)`
CMYK	12, 0, 67, 17
HSL	70.6°, 61.7, 54.9	`hsl(70.6,61.7%,54.9%)`
HSV (or HSB)	70.6°, 67.3, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.436, -27.081, 64.443
XYZ	44.618, 57.457, 14.37
xyY	0.383, 0.493, 57.457
CIE-LCH	80.436, 69.902, 112.794
CIE-LUV	80.436, -10.346, 79.714
Hunter-Lab	75.801, -27.582, 41.821
Binary	10111010, 11010011, 01000101

#bad345
```
#bad345 rgb(186,211,69)
```
#5e45d3
```
#5e45d3 rgb(94,69,211)
```

Complementary Color

#d3a545
```
#d3a545 rgb(211,165,69)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#73d345
```
#73d345 rgb(115,211,69)
```

Analogous Color

#a545d3
```
#a545d3 rgb(165,69,211)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#4573d3
```
#4573d3 rgb(69,115,211)
```

Split Complementary Color

#d345ba
```
#d345ba rgb(211,69,186)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#45bad3
```
#45bad3 rgb(69,186,211)
```

Triadic Color

#d35e45
```
#d35e45 rgb(211,94,69)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#45bad3
```
#45bad3 rgb(69,186,211)
```
#5e45d3
```
#5e45d3 rgb(94,69,211)
```

Tetradic Color

#8ea527
```
#8ea527 rgb(142,165,39)
```
#a0b92c
```
#a0b92c rgb(160,185,44)
```
#b2ce31
```
#b2ce31 rgb(178,206,49)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#c2d85a
```
#c2d85a rgb(194,216,90)
```
#c9dd6e
```
#c9dd6e rgb(201,221,110)
```
#d1e283
```
#d1e283 rgb(209,226,131)
```

Monochromatic Color

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

#d3c945
```
#d3c945 rgb(211,201,69)
```
#d2d345
```
#d2d345 rgb(210,211,69)
```
#c6d345
```
#c6d345 rgb(198,211,69)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#aed345
```
#aed345 rgb(174,211,69)
```
#a2d345
```
#a2d345 rgb(162,211,69)
```
#97d345
```
#97d345 rgb(151,211,69)
```

Similar Colors

Text with hexadecimal color #bad345

This text has a font color of #bad345.

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

#bad345 background color

This paragraph has a background color of #bad345.

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

#bad345 border color

This element has a border color of #bad345.

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

CSS codes

.text {color:#bad345;}

.background {background-color:#bad345;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#111405
```
#111405 rgb(17,20,5)
```
#1f2409
```
#1f2409 rgb(31,36,9)
```
#2d340c
```
#2d340c rgb(45,52,12)
```
#3b4410
```
#3b4410 rgb(59,68,16)
```
#485414
```
#485414 rgb(72,84,20)
```
#566418
```
#566418 rgb(86,100,24)
```
#64731b
```
#64731b rgb(100,115,27)
```
#72831f
```
#72831f rgb(114,131,31)
```
#7f9323
```
#7f9323 rgb(127,147,35)
```
#8da327
```
#8da327 rgb(141,163,39)
```
#9bb32a
```
#9bb32a rgb(155,179,42)
```
#a9c32e
```
#a9c32e rgb(169,195,46)
```

Shade Color Variation

#b4cf35
```
#b4cf35 rgb(180,207,53)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#c0d755
```
#c0d755 rgb(192,215,85)
```
#c6db65
```
#c6db65 rgb(198,219,101)
```
#ccde75
```
#ccde75 rgb(204,222,117)
```
#d2e284
```
#d2e284 rgb(210,226,132)
```
#d7e694
```
#d7e694 rgb(215,230,148)
```
#ddeaa4
```
#ddeaa4 rgb(221,234,164)
```
#e3edb4
```
#e3edb4 rgb(227,237,180)
```
#e9f1c4
```
#e9f1c4 rgb(233,241,196)
```
#eff5d4
```
#eff5d4 rgb(239,245,212)
```
#f5f9e4
```
#f5f9e4 rgb(245,249,228)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#929583
```
#929583 rgb(146,149,131)
```
#989e7a
```
#989e7a rgb(152,158,122)
```
#9da771
```
#9da771 rgb(157,167,113)
```
#a3b068
```
#a3b068 rgb(163,176,104)
```
#a9b860
```
#a9b860 rgb(169,184,96)
```
#afc157
```
#afc157 rgb(175,193,87)
```
#b4ca4e
```
#b4ca4e rgb(180,202,78)
```
#bad345
```
#bad345 rgb(186,211,69)
```
#c0dc3c
```
#c0dc3c rgb(192,220,60)
```
#c5e533
```
#c5e533 rgb(197,229,51)
```
#cbee2a
```
#cbee2a rgb(203,238,42)
```
#d1f622
```
#d1f622 rgb(209,246,34)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbc0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca4b Protanopia 1% of men
#f9c157 Deuteranopia 1% of men
#cdc8d6 Tritanopia 0.001% of the population

Trichromacy

#d3cd49 Protanomaly 1% of men, 0.01% of women
#e2c750 Deuteranomaly 6% of men, 0.4% of women
#c6cca1 Tritanomaly 0.01% of the population

#bad345 hex color

#bad345 Color Information

#bad345 Color Conversion

Color Schemes with #bad345

Alternatives to #bad345

#bad345 Preview

Shades and Tints of #bad345

Tones of #bad345

Color Blindness Simulator