#bddb77 hex color

In a RGB color space, hex #bddb77 is composed of 74.1% red, 85.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 45.7% yellow and 14.1% black. It has a hue angle of 78 degrees, a saturation of 58.1% and a lightness of 66.3%. #bddb77 color hex could be obtained by blending #ffffee with #7bb700. Closest websafe color is: #cccc66.

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

● #bddb77 color description : Soft green.

The hexadecimal color #bddb77 has RGB values of R:189, G:219, B:119 and CMYK values of C:0.14, M:0, Y:0.46, K:0.14. Its decimal value is 12442487.

Hex triplet	bddb77	`#bddb77`
RGB Decimal	189, 219, 119	`rgb(189,219,119)`
RGB Percent	74.1, 85.9, 46.7	`rgb(74.1%,85.9%,46.7%)`
CMYK	14, 0, 46, 14
HSL	78°, 58.1, 66.3	`hsl(78,58.1%,66.3%)`
HSV (or HSB)	78°, 45.7, 85.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.344, -25.533, 45.694
XYZ	49.647, 62.813, 26.96
xyY	0.356, 0.451, 62.813
CIE-LCH	83.344, 52.344, 119.196
CIE-LUV	83.344, -13.779, 63.553
Hunter-Lab	79.255, -26.881, 35.31
Binary	10111101, 11011011, 01110111

#bddb77
```
#bddb77 rgb(189,219,119)
```
#9577db
```
#9577db rgb(149,119,219)
```

Complementary Color

#dbc777
```
#dbc777 rgb(219,199,119)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#8bdb77
```
#8bdb77 rgb(139,219,119)
```

Analogous Color

#c777db
```
#c777db rgb(199,119,219)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#778bdb
```
#778bdb rgb(119,139,219)
```

Split Complementary Color

#db77bd
```
#db77bd rgb(219,119,189)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#77bddb
```
#77bddb rgb(119,189,219)
```

Triadic Color

#db9577
```
#db9577 rgb(219,149,119)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#77bddb
```
#77bddb rgb(119,189,219)
```
#9577db
```
#9577db rgb(149,119,219)
```

Tetradic Color

#a0cb3b
```
#a0cb3b rgb(160,203,59)
```
#a9d04f
```
#a9d04f rgb(169,208,79)
```
#b3d663
```
#b3d663 rgb(179,214,99)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#c7e08b
```
#c7e08b rgb(199,224,139)
```
#d1e69f
```
#d1e69f rgb(209,230,159)
```
#daebb3
```
#daebb3 rgb(218,235,179)
```

Monochromatic Color

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

#d6db77
```
#d6db77 rgb(214,219,119)
```
#cedb77
```
#cedb77 rgb(206,219,119)
```
#c5db77
```
#c5db77 rgb(197,219,119)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#b5db77
```
#b5db77 rgb(181,219,119)
```
#acdb77
```
#acdb77 rgb(172,219,119)
```
#a4db77
```
#a4db77 rgb(164,219,119)
```

Similar Colors

Text with hexadecimal color #bddb77

This text has a font color of #bddb77.

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

#bddb77 background color

This paragraph has a background color of #bddb77.

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

#bddb77 border color

This element has a border color of #bddb77.

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

CSS codes

.text {color:#bddb77;}

.background {background-color:#bddb77;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0f1305
```
#0f1305 rgb(15,19,5)
```
#1b2309
```
#1b2309 rgb(27,35,9)
```
#27320d
```
#27320d rgb(39,50,13)
```
#334211
```
#334211 rgb(51,66,17)
```
#3f5115
```
#3f5115 rgb(63,81,21)
```
#4b611a
```
#4b611a rgb(75,97,26)
```
#57701e
```
#57701e rgb(87,112,30)
```
#648022
```
#648022 rgb(100,128,34)
```
#708f26
```
#708f26 rgb(112,143,38)
```
#7c9f2a
```
#7c9f2a rgb(124,159,42)
```
#88ae2e
```
#88ae2e rgb(136,174,46)
```
#94be32
```
#94be32 rgb(148,190,50)
```

Shade Color Variation

#9fcb39
```
#9fcb39 rgb(159,203,57)
```
#a6cf48
```
#a6cf48 rgb(166,207,72)
```
#aed358
```
#aed358 rgb(174,211,88)
```
#b5d767
```
#b5d767 rgb(181,215,103)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#c5df87
```
#c5df87 rgb(197,223,135)
```
#cce396
```
#cce396 rgb(204,227,150)
```
#d4e7a6
```
#d4e7a6 rgb(212,231,166)
```
#dbebb5
```
#dbebb5 rgb(219,235,181)
```
#e3f0c5
```
#e3f0c5 rgb(227,240,197)
```
#eaf4d4
```
#eaf4d4 rgb(234,244,212)
```
#f2f8e4
```
#f2f8e4 rgb(242,248,228)
```
#f9fcf3
```
#f9fcf3 rgb(249,252,243)
```

Tint Color Variation

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

#aaada5
```
#aaada5 rgb(170,173,165)
```
#adb39f
```
#adb39f rgb(173,179,159)
```
#b0ba98
```
#b0ba98 rgb(176,186,152)
```
#b2c191
```
#b2c191 rgb(178,193,145)
```
#b5c78b
```
#b5c78b rgb(181,199,139)
```
#b8ce84
```
#b8ce84 rgb(184,206,132)
```
#bad47e
```
#bad47e rgb(186,212,126)
```
#bddb77
```
#bddb77 rgb(189,219,119)
```
#c0e270
```
#c0e270 rgb(192,226,112)
```
#c2e86a
```
#c2e86a rgb(194,232,106)
```
#c5ef63
```
#c5ef63 rgb(197,239,99)
```
#c8f55d
```
#c8f55d rgb(200,245,93)
```
#cafc56
```
#cafc56 rgb(202,252,86)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5cbb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d27a Protanopia 1% of men
#fcc984 Deuteranopia 1% of men
#ced1e0 Tritanopia 0.001% of the population

Trichromacy

#d7d579 Protanomaly 1% of men, 0.01% of women
#e5cf7f Deuteranomaly 6% of men, 0.4% of women
#c8d4ba Tritanomaly 0.01% of the population

#bddb77 hex color

#bddb77 Color Information

#bddb77 Color Conversion

Color Schemes with #bddb77

Alternatives to #bddb77

#bddb77 Preview

Shades and Tints of #bddb77

Tones of #bddb77

Color Blindness Simulator