#badf74 hex color

In a RGB color space, hex #badf74 is composed of 72.9% red, 87.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 0% magenta, 48% yellow and 12.5% black. It has a hue angle of 80.7 degrees, a saturation of 62.6% and a lightness of 66.5%. #badf74 color hex could be obtained by blending #ffffe8 with #75bf00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 87
- B 45
RGB color chart
- C 17
- M 0
- Y 48
- K 13
CMYK color chart

● #badf74 color description : Soft green.

The hexadecimal color #badf74 has RGB values of R:186, G:223, B:116 and CMYK values of C:0.17, M:0, Y:0.48, K:0.13. Its decimal value is 12246900.

Hex triplet	badf74	`#badf74`
RGB Decimal	186, 223, 116	`rgb(186,223,116)`
RGB Percent	72.9, 87.5, 45.5	`rgb(72.9%,87.5%,45.5%)`
CMYK	17, 0, 48, 13
HSL	80.7°, 62.6, 66.5	`hsl(80.7,62.6%,66.5%)`
HSV (or HSB)	80.7°, 48, 87.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.212, -28.892, 48.155
XYZ	49.789, 64.475, 26.344
xyY	0.354, 0.459, 64.475
CIE-LCH	84.212, 56.158, 120.962
CIE-LUV	84.212, -17.647, 66.931
Hunter-Lab	80.296, -29.837, 36.755
Binary	10111010, 11011111, 01110100

#badf74
```
#badf74 rgb(186,223,116)
```
#9974df
```
#9974df rgb(153,116,223)
```

Complementary Color

#dfcf74
```
#dfcf74 rgb(223,207,116)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#85df74
```
#85df74 rgb(133,223,116)
```

Analogous Color

#cf74df
```
#cf74df rgb(207,116,223)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#7485df
```
#7485df rgb(116,133,223)
```

Split Complementary Color

#df74ba
```
#df74ba rgb(223,116,186)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#74badf
```
#74badf rgb(116,186,223)
```

Triadic Color

#df9974
```
#df9974 rgb(223,153,116)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#74badf
```
#74badf rgb(116,186,223)
```
#9974df
```
#9974df rgb(153,116,223)
```

Tetradic Color

#9bd136
```
#9bd136 rgb(155,209,54)
```
#a5d54b
```
#a5d54b rgb(165,213,75)
```
#b0da5f
```
#b0da5f rgb(176,218,95)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#c4e489
```
#c4e489 rgb(196,228,137)
```
#cfe99d
```
#cfe99d rgb(207,233,157)
```
#d9edb2
```
#d9edb2 rgb(217,237,178)
```

Monochromatic Color

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

#d5df74
```
#d5df74 rgb(213,223,116)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#c3df74
```
#c3df74 rgb(195,223,116)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#b1df74
```
#b1df74 rgb(177,223,116)
```
#a8df74
```
#a8df74 rgb(168,223,116)
```
#9fdf74
```
#9fdf74 rgb(159,223,116)
```

Similar Colors

Text with hexadecimal color #badf74

This text has a font color of #badf74.

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

#badf74 background color

This paragraph has a background color of #badf74.

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

#badf74 border color

This element has a border color of #badf74.

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

CSS codes

.text {color:#badf74;}

.background {background-color:#badf74;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0f1405
```
#0f1405 rgb(15,20,5)
```
#1b2408
```
#1b2408 rgb(27,36,8)
```
#26340c
```
#26340c rgb(38,52,12)
```
#324410
```
#324410 rgb(50,68,16)
```
#3e5413
```
#3e5413 rgb(62,84,19)
```
#4a6417
```
#4a6417 rgb(74,100,23)
```
#55741b
```
#55741b rgb(85,116,27)
```
#61841e
```
#61841e rgb(97,132,30)
```
#6d9422
```
#6d9422 rgb(109,148,34)
```
#78a426
```
#78a426 rgb(120,164,38)
```
#84b429
```
#84b429 rgb(132,180,41)
```
#90c42d
```
#90c42d rgb(144,196,45)
```

Shade Color Variation

#9ad034
```
#9ad034 rgb(154,208,52)
```
#a2d444
```
#a2d444 rgb(162,212,68)
```
#aad854
```
#aad854 rgb(170,216,84)
```
#b2db64
```
#b2db64 rgb(178,219,100)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#c2e384
```
#c2e384 rgb(194,227,132)
```
#cae694
```
#cae694 rgb(202,230,148)
```
#d2eaa4
```
#d2eaa4 rgb(210,234,164)
```
#daeeb4
```
#daeeb4 rgb(218,238,180)
```
#e2f1c4
```
#e2f1c4 rgb(226,241,196)
```
#e9f5d4
```
#e9f5d4 rgb(233,245,212)
```
#f1f9e4
```
#f1f9e4 rgb(241,249,228)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#aaaaa9
```
#aaaaa9 rgb(170,170,169)
```
#acb1a2
```
#acb1a2 rgb(172,177,162)
```
#aeb89b
```
#aeb89b rgb(174,184,155)
```
#b0be95
```
#b0be95 rgb(176,190,149)
```
#b2c58e
```
#b2c58e rgb(178,197,142)
```
#b4cb88
```
#b4cb88 rgb(180,203,136)
```
#b6d281
```
#b6d281 rgb(182,210,129)
```
#b8d87b
```
#b8d87b rgb(184,216,123)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#bce66d
```
#bce66d rgb(188,230,109)
```
#beec67
```
#beec67 rgb(190,236,103)
```
#c0f360
```
#c0f360 rgb(192,243,96)
```
#c2f95a
```
#c2f95a rgb(194,249,90)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5cdb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d477 Protanopia 1% of men
#ffcb85 Deuteranopia 1% of men
#cdd4e3 Tritanopia 0.001% of the population

Trichromacy

#d7d876 Protanomaly 1% of men, 0.01% of women
#e5d27f Deuteranomaly 6% of men, 0.4% of women
#c6d8bb Tritanomaly 0.01% of the population

#badf74 hex color

#badf74 Color Information

#badf74 Color Conversion

Color Schemes with #badf74

Alternatives to #badf74

#badf74 Preview

Shades and Tints of #badf74

Tones of #badf74

Color Blindness Simulator