#bddb4f hex color

In a RGB color space, hex #bddb4f is composed of 74.1% red, 85.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 63.9% yellow and 14.1% black. It has a hue angle of 72.9 degrees, a saturation of 66% and a lightness of 58.4%. #bddb4f color hex could be obtained by blending #ffff9e with #7bb700. Closest websafe color is: #cccc66.

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

● #bddb4f color description : Soft yellow.

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

Hex triplet	bddb4f	`#bddb4f`
RGB Decimal	189, 219, 79	`rgb(189,219,79)`
RGB Percent	74.1, 85.9, 31	`rgb(74.1%,85.9%,31%)`
CMYK	14, 0, 64, 14
HSL	72.9°, 66, 58.4	`hsl(72.9,66%,58.4%)`
HSV (or HSB)	72.9°, 63.9, 85.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.938, -29.037, 63.188
XYZ	47.729, 62.046, 16.858
xyY	0.377, 0.49, 62.046
CIE-LCH	82.938, 69.54, 114.68
CIE-LUV	82.938, -13.268, 80.157
Hunter-Lab	78.769, -29.688, 42.449
Binary	10111101, 11011011, 01001111

#bddb4f
```
#bddb4f rgb(189,219,79)
```
#6d4fdb
```
#6d4fdb rgb(109,79,219)
```

Complementary Color

#dbb34f
```
#dbb34f rgb(219,179,79)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#77db4f
```
#77db4f rgb(119,219,79)
```

Analogous Color

#b34fdb
```
#b34fdb rgb(179,79,219)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#4f77db
```
#4f77db rgb(79,119,219)
```

Split Complementary Color

#db4fbd
```
#db4fbd rgb(219,79,189)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#4fbddb
```
#4fbddb rgb(79,189,219)
```

Triadic Color

#db6d4f
```
#db6d4f rgb(219,109,79)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#4fbddb
```
#4fbddb rgb(79,189,219)
```
#6d4fdb
```
#6d4fdb rgb(109,79,219)
```

Tetradic Color

#99b826
```
#99b826 rgb(153,184,38)
```
#aacd2a
```
#aacd2a rgb(170,205,42)
```
#b5d73a
```
#b5d73a rgb(181,215,58)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#c5df64
```
#c5df64 rgb(197,223,100)
```
#cde479
```
#cde479 rgb(205,228,121)
```
#d5e88f
```
#d5e88f rgb(213,232,143)
```

Monochromatic Color

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

#dbd64f
```
#dbd64f rgb(219,214,79)
```
#d4db4f
```
#d4db4f rgb(212,219,79)
```
#c9db4f
```
#c9db4f rgb(201,219,79)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#b1db4f
```
#b1db4f rgb(177,219,79)
```
#a6db4f
```
#a6db4f rgb(166,219,79)
```
#9adb4f
```
#9adb4f rgb(154,219,79)
```

Similar Colors

Text with hexadecimal color #bddb4f

This text has a font color of #bddb4f.

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

#bddb4f background color

This paragraph has a background color of #bddb4f.

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

#bddb4f border color

This element has a border color of #bddb4f.

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

CSS codes

.text {color:#bddb4f;}

.background {background-color:#bddb4f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101304
```
#101304 rgb(16,19,4)
```
#1e2407
```
#1e2407 rgb(30,36,7)
```
#2b340b
```
#2b340b rgb(43,52,11)
```
#39440e
```
#39440e rgb(57,68,14)
```
#465511
```
#465511 rgb(70,85,17)
```
#546515
```
#546515 rgb(84,101,21)
```
#617518
```
#617518 rgb(97,117,24)
```
#6f851b
```
#6f851b rgb(111,133,27)
```
#7c961f
```
#7c961f rgb(124,150,31)
```
#8aa622
```
#8aa622 rgb(138,166,34)
```
#97b625
```
#97b625 rgb(151,182,37)
```
#a5c729
```
#a5c729 rgb(165,199,41)
```

Shade Color Variation

#b1d42e
```
#b1d42e rgb(177,212,46)
```
#b7d83f
```
#b7d83f rgb(183,216,63)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#c3de5f
```
#c3de5f rgb(195,222,95)
```
#c9e270
```
#c9e270 rgb(201,226,112)
```
#cfe580
```
#cfe580 rgb(207,229,128)
```
#d5e890
```
#d5e890 rgb(213,232,144)
```
#dceca0
```
#dceca0 rgb(220,236,160)
```
#e2efb1
```
#e2efb1 rgb(226,239,177)
```
#e8f2c1
```
#e8f2c1 rgb(232,242,193)
```
#eef6d1
```
#eef6d1 rgb(238,246,209)
```
#f4f9e2
```
#f4f9e2 rgb(244,249,226)
```
#fafcf2
```
#fafcf2 rgb(250,252,242)
```

Tint Color Variation

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

#989a90
```
#989a90 rgb(152,154,144)
```
#9ca288
```
#9ca288 rgb(156,162,136)
```
#a1aa80
```
#a1aa80 rgb(161,170,128)
```
#a6b278
```
#a6b278 rgb(166,178,120)
```
#aaba70
```
#aaba70 rgb(170,186,112)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#b4cb5f
```
#b4cb5f rgb(180,203,95)
```
#b8d357
```
#b8d357 rgb(184,211,87)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#c2e347
```
#c2e347 rgb(194,227,71)
```
#c6eb3f
```
#c6eb3f rgb(198,235,63)
```
#cbf337
```
#cbf337 rgb(203,243,55)
```
#d0fc2e
```
#d0fc2e rgb(208,252,46)
```

Tone Color Variation

Below, you can see how #bddb4f 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
#c1c7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d154 Protanopia 1% of men
#ffc769 Deuteranopia 1% of men
#d1cfde Tritanopia 0.001% of the population

Trichromacy

#d8d452 Protanomaly 1% of men, 0.01% of women
#e7ce5f Deuteranomaly 6% of men, 0.4% of women
#c9d3aa Tritanomaly 0.01% of the population

#bddb4f hex color

#bddb4f Color Information

#bddb4f Color Conversion

Color Schemes with #bddb4f

Alternatives to #bddb4f

#bddb4f Preview

Shades and Tints of #bddb4f

Tones of #bddb4f

Color Blindness Simulator