#bddd4f hex color

In a RGB color space, hex #bddd4f is composed of 74.1% red, 86.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 64.3% yellow and 13.3% black. It has a hue angle of 73.5 degrees, a saturation of 67.6% and a lightness of 58.8%. #bddd4f color hex could be obtained by blending #ffff9e with #7bbb00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 74
- G 87
- B 31
RGB color chart
- C 14
- M 0
- Y 64
- K 13
CMYK color chart

● #bddd4f color description : Soft yellow.

The hexadecimal color #bddd4f has RGB values of R:189, G:221, B:79 and CMYK values of C:0.14, M:0, Y:0.64, K:0.13. Its decimal value is 12442959.

Hex triplet	bddd4f	`#bddd4f`
RGB Decimal	189, 221, 79	`rgb(189,221,79)`
RGB Percent	74.1, 86.7, 31	`rgb(74.1%,86.7%,31%)`
CMYK	14, 0, 64, 13
HSL	73.5°, 67.6, 58.8	`hsl(73.5,67.6%,58.8%)`
HSV (or HSB)	73.5°, 64.3, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.493, -29.977, 63.775
XYZ	48.253, 63.096, 17.033
xyY	0.376, 0.491, 63.096
CIE-LCH	83.493, 70.468, 115.175
CIE-LUV	83.493, -14.412, 81.038
Hunter-Lab	79.433, -30.574, 42.889
Binary	10111101, 11011101, 01001111

#bddd4f
```
#bddd4f rgb(189,221,79)
```
#6f4fdd
```
#6f4fdd rgb(111,79,221)
```

Complementary Color

#ddb64f
```
#ddb64f rgb(221,182,79)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#76dd4f
```
#76dd4f rgb(118,221,79)
```

Analogous Color

#b64fdd
```
#b64fdd rgb(182,79,221)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#4f76dd
```
#4f76dd rgb(79,118,221)
```

Split Complementary Color

#dd4fbd
```
#dd4fbd rgb(221,79,189)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#4fbddd
```
#4fbddd rgb(79,189,221)
```

Triadic Color

#dd6f4f
```
#dd6f4f rgb(221,111,79)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#4fbddd
```
#4fbddd rgb(79,189,221)
```
#6f4fdd
```
#6f4fdd rgb(111,79,221)
```

Tetradic Color

#99bb24
```
#99bb24 rgb(153,187,36)
```
#abd128
```
#abd128 rgb(171,209,40)
```
#b5d93a
```
#b5d93a rgb(181,217,58)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#c5e164
```
#c5e164 rgb(197,225,100)
```
#cde57a
```
#cde57a rgb(205,229,122)
```
#d5e98f
```
#d5e98f rgb(213,233,143)
```

Monochromatic Color

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

#ddda4f
```
#ddda4f rgb(221,218,79)
```
#d5dd4f
```
#d5dd4f rgb(213,221,79)
```
#c9dd4f
```
#c9dd4f rgb(201,221,79)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#b1dd4f
```
#b1dd4f rgb(177,221,79)
```
#a5dd4f
```
#a5dd4f rgb(165,221,79)
```
#9add4f
```
#9add4f rgb(154,221,79)
```

Similar Colors

Text with hexadecimal color #bddd4f

This text has a font color of #bddd4f.

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

#bddd4f background color

This paragraph has a background color of #bddd4f.

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

#bddd4f border color

This element has a border color of #bddd4f.

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

CSS codes

.text {color:#bddd4f;}

.background {background-color:#bddd4f;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#111504
```
#111504 rgb(17,21,4)
```
#1f2607
```
#1f2607 rgb(31,38,7)
```
#2c360a
```
#2c360a rgb(44,54,10)
```
#3a470e
```
#3a470e rgb(58,71,14)
```
#475711
```
#475711 rgb(71,87,17)
```
#556714
```
#556714 rgb(85,103,20)
```
#627817
```
#627817 rgb(98,120,23)
```
#70881a
```
#70881a rgb(112,136,26)
```
#7d991e
```
#7d991e rgb(125,153,30)
```
#8aa921
```
#8aa921 rgb(138,169,33)
```
#98ba24
```
#98ba24 rgb(152,186,36)
```
#a5ca27
```
#a5ca27 rgb(165,202,39)
```

Shade Color Variation

#b1d72e
```
#b1d72e rgb(177,215,46)
```
#b7da3f
```
#b7da3f rgb(183,218,63)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#c3e05f
```
#c3e05f rgb(195,224,95)
```
#c9e370
```
#c9e370 rgb(201,227,112)
```
#cfe780
```
#cfe780 rgb(207,231,128)
```
#d6ea91
```
#d6ea91 rgb(214,234,145)
```
#dceda1
```
#dceda1 rgb(220,237,161)
```
#e2f0b2
```
#e2f0b2 rgb(226,240,178)
```
#e8f3c2
```
#e8f3c2 rgb(232,243,194)
```
#eef6d3
```
#eef6d3 rgb(238,246,211)
```
#f4fae3
```
#f4fae3 rgb(244,250,227)
```
#fbfdf3
```
#fbfdf3 rgb(251,253,243)
```

Tint Color Variation

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

#9a9c90
```
#9a9c90 rgb(154,156,144)
```
#9ea488
```
#9ea488 rgb(158,164,136)
```
#a2ad7f
```
#a2ad7f rgb(162,173,127)
```
#a7b577
```
#a7b577 rgb(167,181,119)
```
#abbd6f
```
#abbd6f rgb(171,189,111)
```
#b0c567
```
#b0c567 rgb(176,197,103)
```
#b4cd5f
```
#b4cd5f rgb(180,205,95)
```
#b9d557
```
#b9d557 rgb(185,213,87)
```
#bddd4f
```
#bddd4f rgb(189,221,79)
```
#c1e547
```
#c1e547 rgb(193,229,71)
```
#c6ed3f
```
#c6ed3f rgb(198,237,63)
```
#caf537
```
#caf537 rgb(202,245,55)
```
#cffd2f
```
#cffd2f rgb(207,253,47)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d254 Protanopia 1% of men
#ffc971 Deuteranopia 1% of men
#d1d1e0 Tritanopia 0.001% of the population

Trichromacy

#d9d652 Protanomaly 1% of men, 0.01% of women
#e7d065 Deuteranomaly 6% of men, 0.4% of women
#cad5ab Tritanomaly 0.01% of the population

#bddd4f hex color

#bddd4f Color Information

#bddd4f Color Conversion

Color Schemes with #bddd4f

Alternatives to #bddd4f

#bddd4f Preview

Shades and Tints of #bddd4f

Tones of #bddd4f

Color Blindness Simulator