#bdefa4 hex color

In a RGB color space, hex #bdefa4 is composed of 74.1% red, 93.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 0% magenta, 31.4% yellow and 6.3% black. It has a hue angle of 100 degrees, a saturation of 70.1% and a lightness of 79%. #bdefa4 color hex could be obtained by blending #ffffff with #7bdf49. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 74
- G 94
- B 64
RGB color chart
- C 21
- M 0
- Y 31
- K 6
CMYK color chart

● #bdefa4 color description : Very soft green.

The hexadecimal color #bdefa4 has RGB values of R:189, G:239, B:164 and CMYK values of C:0.21, M:0, Y:0.31, K:0.06. Its decimal value is 12447652.

Hex triplet	bdefa4	`#bdefa4`
RGB Decimal	189, 239, 164	`rgb(189,239,164)`
RGB Percent	74.1, 93.7, 64.3	`rgb(74.1%,93.7%,64.3%)`
CMYK	21, 0, 31, 6
HSL	100°, 70.1, 79	`hsl(100,70.1%,79%)`
HSV (or HSB)	100°, 31.4, 93.7
Web Safe	ccff99	`#ccff99`

CIE-LAB	89.501, -29.307, 31.225
XYZ	58.552, 75.231, 46.556
xyY	0.325, 0.417, 75.231
CIE-LCH	89.501, 42.824, 133.185
CIE-LUV	89.501, -24.788, 48.888
Hunter-Lab	86.736, -31.29, 28.891
Binary	10111101, 11101111, 10100100

#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#d6a4ef
```
#d6a4ef rgb(214,164,239)
```

Complementary Color

#e3efa4
```
#e3efa4 rgb(227,239,164)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#a4efb1
```
#a4efb1 rgb(164,239,177)
```

Analogous Color

#efa4e3
```
#efa4e3 rgb(239,164,227)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#b1a4ef
```
#b1a4ef rgb(177,164,239)
```

Split Complementary Color

#efa4bd
```
#efa4bd rgb(239,164,189)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#a4bdef
```
#a4bdef rgb(164,189,239)
```

Triadic Color

#efd6a4
```
#efd6a4 rgb(239,214,164)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#a4bdef
```
#a4bdef rgb(164,189,239)
```
#d6a4ef
```
#d6a4ef rgb(214,164,239)
```

Tetradic Color

#8ee463
```
#8ee463 rgb(142,228,99)
```
#9ee779
```
#9ee779 rgb(158,231,121)
```
#adeb8e
```
#adeb8e rgb(173,235,142)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#cdf3ba
```
#cdf3ba rgb(205,243,186)
```
#dcf7cf
```
#dcf7cf rgb(220,247,207)
```
#ecfae5
```
#ecfae5 rgb(236,250,229)
```

Monochromatic Color

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

#d0efa4
```
#d0efa4 rgb(208,239,164)
```
#caefa4
```
#caefa4 rgb(202,239,164)
```
#c3efa4
```
#c3efa4 rgb(195,239,164)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#b7efa4
```
#b7efa4 rgb(183,239,164)
```
#b1efa4
```
#b1efa4 rgb(177,239,164)
```
#aaefa4
```
#aaefa4 rgb(170,239,164)
```

Similar Colors

Text with hexadecimal color #bdefa4

This text has a font color of #bdefa4.

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

#bdefa4 background color

This paragraph has a background color of #bdefa4.

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

#bdefa4 border color

This element has a border color of #bdefa4.

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

CSS codes

.text {color:#bdefa4;}

.background {background-color:#bdefa4;}

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

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

#040902
```
#040902 rgb(4,9,2)
```
#0c1a05
```
#0c1a05 rgb(12,26,5)
```
#132a07
```
#132a07 rgb(19,42,7)
```
#1b3b0a
```
#1b3b0a rgb(27,59,10)
```
#224c0d
```
#224c0d rgb(34,76,13)
```
#2a5d10
```
#2a5d10 rgb(42,93,16)
```
#316d13
```
#316d13 rgb(49,109,19)
```
#397e16
```
#397e16 rgb(57,126,22)
```
#408f19
```
#408f19 rgb(64,143,25)
```
#489f1c
```
#489f1c rgb(72,159,28)
```
#4fb01f
```
#4fb01f rgb(79,176,31)
```
#57c122
```
#57c122 rgb(87,193,34)
```
#5ed125
```
#5ed125 rgb(94,209,37)
```

Shade Color Variation

#68da2f
```
#68da2f rgb(104,218,47)
```
#74dd40
```
#74dd40 rgb(116,221,64)
```
#81e051
```
#81e051 rgb(129,224,81)
```
#8de361
```
#8de361 rgb(141,227,97)
```
#99e672
```
#99e672 rgb(153,230,114)
```
#a5e983
```
#a5e983 rgb(165,233,131)
```
#b1ec93
```
#b1ec93 rgb(177,236,147)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#c9f2b5
```
#c9f2b5 rgb(201,242,181)
```
#d5f5c5
```
#d5f5c5 rgb(213,245,197)
```
#e1f8d6
```
#e1f8d6 rgb(225,248,214)
```
#edfbe7
```
#edfbe7 rgb(237,251,231)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#c9cac9
```
#c9cac9 rgb(201,202,201)
```
#c8cec5
```
#c8cec5 rgb(200,206,197)
```
#c7d2c1
```
#c7d2c1 rgb(199,210,193)
```
#c5d6bd
```
#c5d6bd rgb(197,214,189)
```
#c4dab9
```
#c4dab9 rgb(196,218,185)
```
#c2dfb4
```
#c2dfb4 rgb(194,223,180)
```
#c1e3b0
```
#c1e3b0 rgb(193,227,176)
```
#c0e7ac
```
#c0e7ac rgb(192,231,172)
```
#beeba8
```
#beeba8 rgb(190,235,168)
```
#bdefa4
```
#bdefa4 rgb(189,239,164)
```
#bcf3a0
```
#bcf3a0 rgb(188,243,160)
```
#baf79c
```
#baf79c rgb(186,247,156)
```
#b9fb98
```
#b9fb98 rgb(185,251,152)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d3ddce Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e2a3 Protanopia 1% of men
#ffdcbf Deuteranopia 1% of men
#cee5f6 Tritanopia 0.001% of the population

Trichromacy

#dfe6a3 Protanomaly 1% of men, 0.01% of women
#e7e3b5 Deuteranomaly 6% of men, 0.4% of women
#c8e9d8 Tritanomaly 0.01% of the population

#bdefa4 hex color

#bdefa4 Color Information

#bdefa4 Color Conversion

Color Schemes with #bdefa4

Alternatives to #bdefa4

#bdefa4 Preview

Shades and Tints of #bdefa4

Tones of #bdefa4

Color Blindness Simulator