#bada5f hex color

In a RGB color space, hex #bada5f is composed of 72.9% red, 85.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 0% magenta, 56.4% yellow and 14.5% black. It has a hue angle of 75.6 degrees, a saturation of 62.4% and a lightness of 61.4%. #bada5f color hex could be obtained by blending #ffffbe with #75b500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 85
- B 37
RGB color chart
- C 15
- M 0
- Y 56
- K 15
CMYK color chart

● #bada5f color description : Soft green.

The hexadecimal color #bada5f has RGB values of R:186, G:218, B:95 and CMYK values of C:0.15, M:0, Y:0.56, K:0.15. Its decimal value is 12245599.

Hex triplet	bada5f	`#bada5f`
RGB Decimal	186, 218, 95	`rgb(186,218,95)`
RGB Percent	72.9, 85.5, 37.3	`rgb(72.9%,85.5%,37.3%)`
CMYK	15, 0, 56, 15
HSL	75.6°, 62.4, 61.4	`hsl(75.6,62.4%,61.4%)`
HSV (or HSB)	75.6°, 56.4, 85.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.597, -28.522, 55.962
XYZ	47.386, 61.408, 20.182
xyY	0.367, 0.476, 61.408
CIE-LCH	82.597, 62.811, 117.007
CIE-LUV	82.597, -14.653, 73.802
Hunter-Lab	78.363, -29.197, 39.584
Binary	10111010, 11011010, 01011111

#bada5f
```
#bada5f rgb(186,218,95)
```
#7f5fda
```
#7f5fda rgb(127,95,218)
```

Complementary Color

#dabd5f
```
#dabd5f rgb(218,189,95)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#7dda5f
```
#7dda5f rgb(125,218,95)
```

Analogous Color

#bd5fda
```
#bd5fda rgb(189,95,218)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#5f7dda
```
#5f7dda rgb(95,125,218)
```

Split Complementary Color

#da5fba
```
#da5fba rgb(218,95,186)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#5fbada
```
#5fbada rgb(95,186,218)
```

Triadic Color

#da7f5f
```
#da7f5f rgb(218,127,95)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#5fbada
```
#5fbada rgb(95,186,218)
```
#7f5fda
```
#7f5fda rgb(127,95,218)
```

Tetradic Color

#9ac02c
```
#9ac02c rgb(154,192,44)
```
#a8d036
```
#a8d036 rgb(168,208,54)
```
#b1d54a
```
#b1d54a rgb(177,213,74)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#c3df74
```
#c3df74 rgb(195,223,116)
```
#cce488
```
#cce488 rgb(204,228,136)
```
#d5e89d
```
#d5e89d rgb(213,232,157)
```

Monochromatic Color

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

#d9da5f
```
#d9da5f rgb(217,218,95)
```
#cfda5f
```
#cfda5f rgb(207,218,95)
```
#c4da5f
```
#c4da5f rgb(196,218,95)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#b0da5f
```
#b0da5f rgb(176,218,95)
```
#a6da5f
```
#a6da5f rgb(166,218,95)
```
#9bda5f
```
#9bda5f rgb(155,218,95)
```

Similar Colors

Text with hexadecimal color #bada5f

This text has a font color of #bada5f.

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

#bada5f background color

This paragraph has a background color of #bada5f.

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

#bada5f border color

This element has a border color of #bada5f.

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

CSS codes

.text {color:#bada5f;}

.background {background-color:#bada5f;}

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

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

#0c0f04
```
#0c0f04 rgb(12,15,4)
```
#191f07
```
#191f07 rgb(25,31,7)
```
#262f0b
```
#262f0b rgb(38,47,11)
```
#323f0f
```
#323f0f rgb(50,63,15)
```
#3f4f12
```
#3f4f12 rgb(63,79,18)
```
#4c5f16
```
#4c5f16 rgb(76,95,22)
```
#596f1a
```
#596f1a rgb(89,111,26)
```
#657f1d
```
#657f1d rgb(101,127,29)
```
#728f21
```
#728f21 rgb(114,143,33)
```
#7f9f25
```
#7f9f25 rgb(127,159,37)
```
#8caf28
```
#8caf28 rgb(140,175,40)
```
#98be2c
```
#98be2c rgb(152,190,44)
```
#a5ce30
```
#a5ce30 rgb(165,206,48)
```

Shade Color Variation

#acd33f
```
#acd33f rgb(172,211,63)
```
#b3d64f
```
#b3d64f rgb(179,214,79)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#c1de6f
```
#c1de6f rgb(193,222,111)
```
#c8e17f
```
#c8e17f rgb(200,225,127)
```
#cfe58f
```
#cfe58f rgb(207,229,143)
```
#d5e99f
```
#d5e99f rgb(213,233,159)
```
#dcecaf
```
#dcecaf rgb(220,236,175)
```
#e3f0bf
```
#e3f0bf rgb(227,240,191)
```
#eaf4cf
```
#eaf4cf rgb(234,244,207)
```
#f1f7de
```
#f1f7de rgb(241,247,222)
```
#f8fbee
```
#f8fbee rgb(248,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a1a594
```
#a1a594 rgb(161,165,148)
```
#a4ad8c
```
#a4ad8c rgb(164,173,140)
```
#a8b485
```
#a8b485 rgb(168,180,133)
```
#abbc7d
```
#abbc7d rgb(171,188,125)
```
#afc376
```
#afc376 rgb(175,195,118)
```
#b3cb6e
```
#b3cb6e rgb(179,203,110)
```
#b6d267
```
#b6d267 rgb(182,210,103)
```
#bada5f
```
#bada5f rgb(186,218,95)
```
#bee257
```
#bee257 rgb(190,226,87)
```
#c1e950
```
#c1e950 rgb(193,233,80)
```
#c5f148
```
#c5f148 rgb(197,241,72)
```
#c9f841
```
#c9f841 rgb(201,248,65)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c0c7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d063 Protanopia 1% of men
#fdc66e Deuteranopia 1% of men
#cdcfde Tritanopia 0.001% of the population

Trichromacy

#d6d362 Protanomaly 1% of men, 0.01% of women
#e5cd69 Deuteranomaly 6% of men, 0.4% of women
#c6d3af Tritanomaly 0.01% of the population

#bada5f hex color

#bada5f Color Information

#bada5f Color Conversion

Color Schemes with #bada5f

Alternatives to #bada5f

#bada5f Preview

Shades and Tints of #bada5f

Tones of #bada5f

Color Blindness Simulator