#bddd5f hex color

In a RGB color space, hex #bddd5f is composed of 74.1% red, 86.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 57% yellow and 13.3% black. It has a hue angle of 75.2 degrees, a saturation of 64.9% and a lightness of 62%. #bddd5f color hex could be obtained by blending #ffffbe with #7bbb00. Closest websafe color is: #cccc66.

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

● #bddd5f color description : Soft green.

The hexadecimal color #bddd5f has RGB values of R:189, G:221, B:95 and CMYK values of C:0.14, M:0, Y:0.57, K:0.13. Its decimal value is 12442975.

Hex triplet	bddd5f	`#bddd5f`
RGB Decimal	189, 221, 95	`rgb(189,221,95)`
RGB Percent	74.1, 86.7, 37.3	`rgb(74.1%,86.7%,37.3%)`
CMYK	14, 0, 57, 13
HSL	75.2°, 64.9, 62	`hsl(75.2,64.9%,62%)`
HSV (or HSB)	75.2°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.63, -28.774, 57.187
XYZ	48.908, 63.358, 20.479
xyY	0.368, 0.477, 63.358
CIE-LCH	83.63, 64.018, 116.71
CIE-LUV	83.63, -14.575, 75.285
Hunter-Lab	79.597, -29.619, 40.464
Binary	10111101, 11011101, 01011111

#bddd5f
```
#bddd5f rgb(189,221,95)
```
#7f5fdd
```
#7f5fdd rgb(127,95,221)
```

Complementary Color

#ddbe5f
```
#ddbe5f rgb(221,190,95)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#7edd5f
```
#7edd5f rgb(126,221,95)
```

Analogous Color

#be5fdd
```
#be5fdd rgb(190,95,221)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#5f7edd
```
#5f7edd rgb(95,126,221)
```

Split Complementary Color

#dd5fbd
```
#dd5fbd rgb(221,95,189)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#5fbddd
```
#5fbddd rgb(95,189,221)
```

Triadic Color

#dd7f5f
```
#dd7f5f rgb(221,127,95)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#5fbddd
```
#5fbddd rgb(95,189,221)
```
#7f5fdd
```
#7f5fdd rgb(127,95,221)
```

Tetradic Color

#9ec62a
```
#9ec62a rgb(158,198,42)
```
#acd435
```
#acd435 rgb(172,212,53)
```
#b4d94a
```
#b4d94a rgb(180,217,74)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#c6e174
```
#c6e174 rgb(198,225,116)
```
#cee689
```
#cee689 rgb(206,230,137)
```
#d7ea9e
```
#d7ea9e rgb(215,234,158)
```

Monochromatic Color

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

#dddd5f
```
#dddd5f rgb(221,221,95)
```
#d2dd5f
```
#d2dd5f rgb(210,221,95)
```
#c8dd5f
```
#c8dd5f rgb(200,221,95)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#b3dd5f
```
#b3dd5f rgb(179,221,95)
```
#a8dd5f
```
#a8dd5f rgb(168,221,95)
```
#9edd5f
```
#9edd5f rgb(158,221,95)
```

Similar Colors

Text with hexadecimal color #bddd5f

This text has a font color of #bddd5f.

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

#bddd5f background color

This paragraph has a background color of #bddd5f.

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

#bddd5f border color

This element has a border color of #bddd5f.

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

CSS codes

.text {color:#bddd5f;}

.background {background-color:#bddd5f;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0e1204
```
#0e1204 rgb(14,18,4)
```
#1b2207
```
#1b2207 rgb(27,34,7)
```
#28320b
```
#28320b rgb(40,50,11)
```
#35420e
```
#35420e rgb(53,66,14)
```
#425312
```
#425312 rgb(66,83,18)
```
#4f6315
```
#4f6315 rgb(79,99,21)
```
#5c7318
```
#5c7318 rgb(92,115,24)
```
#69831c
```
#69831c rgb(105,131,28)
```
#76931f
```
#76931f rgb(118,147,31)
```
#83a423
```
#83a423 rgb(131,164,35)
```
#90b426
```
#90b426 rgb(144,180,38)
```
#9dc42a
```
#9dc42a rgb(157,196,42)
```

Shade Color Variation

#a9d32e
```
#a9d32e rgb(169,211,46)
```
#b0d63f
```
#b0d63f rgb(176,214,63)
```
#b6da4f
```
#b6da4f rgb(182,218,79)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#c4e06f
```
#c4e06f rgb(196,224,111)
```
#cae47f
```
#cae47f rgb(202,228,127)
```
#d1e790
```
#d1e790 rgb(209,231,144)
```
#d8eba0
```
#d8eba0 rgb(216,235,160)
```
#deeeb0
```
#deeeb0 rgb(222,238,176)
```
#e5f2c0
```
#e5f2c0 rgb(229,242,192)
```
#ecf5d0
```
#ecf5d0 rgb(236,245,208)
```
#f2f9e0
```
#f2f9e0 rgb(242,249,224)
```
#f9fcf1
```
#f9fcf1 rgb(249,252,241)
```

Tint Color Variation

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

#a0a19b
```
#a0a19b rgb(160,161,155)
```
#a3a993
```
#a3a993 rgb(163,169,147)
```
#a7b08c
```
#a7b08c rgb(167,176,140)
```
#abb884
```
#abb884 rgb(171,184,132)
```
#aebf7d
```
#aebf7d rgb(174,191,125)
```
#b2c775
```
#b2c775 rgb(178,199,117)
```
#b6ce6e
```
#b6ce6e rgb(182,206,110)
```
#b9d666
```
#b9d666 rgb(185,214,102)
```
#bddd5f
```
#bddd5f rgb(189,221,95)
```
#c1e458
```
#c1e458 rgb(193,228,88)
```
#c4ec50
```
#c4ec50 rgb(196,236,80)
```
#c8f349
```
#c8f349 rgb(200,243,73)
```
#ccfb41
```
#ccfb41 rgb(204,251,65)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3cab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d363 Protanopia 1% of men
#ffca77 Deuteranopia 1% of men
#d0d1e0 Tritanopia 0.001% of the population

Trichromacy

#d9d662 Protanomaly 1% of men, 0.01% of women
#e7d06e Deuteranomaly 6% of men, 0.4% of women
#c9d5b1 Tritanomaly 0.01% of the population

#bddd5f hex color

#bddd5f Color Information

#bddd5f Color Conversion

Color Schemes with #bddd5f

Alternatives to #bddd5f

#bddd5f Preview

Shades and Tints of #bddd5f

Tones of #bddd5f

Color Blindness Simulator