#bddda2 hex color

In a RGB color space, hex #bddda2 is composed of 74.1% red, 86.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 26.7% yellow and 13.3% black. It has a hue angle of 92.5 degrees, a saturation of 46.5% and a lightness of 75.1%. #bddda2 color hex could be obtained by blending #ffffff with #7bbb45. Closest websafe color is: #cccc99.

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

● #bddda2 color description : Very soft green.

The hexadecimal color #bddda2 has RGB values of R:189, G:221, B:162 and CMYK values of C:0.14, M:0, Y:0.27, K:0.13. Its decimal value is 12443042.

Hex triplet	bddda2	`#bddda2`
RGB Decimal	189, 221, 162	`rgb(189,221,162)`
RGB Percent	74.1, 86.7, 63.5	`rgb(74.1%,86.7%,63.5%)`
CMYK	14, 0, 27, 13
HSL	92.5°, 46.5, 75.1	`hsl(92.5,46.5%,75.1%)`
HSV (or HSB)	92.5°, 26.7, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.556, -20.949, 25.573
XYZ	53.363, 65.14, 43.942
xyY	0.328, 0.401, 65.14
CIE-LCH	84.556, 33.058, 129.324
CIE-LUV	84.556, -15.6, 39.643
Hunter-Lab	80.709, -23.222, 24.216
Binary	10111101, 11011101, 10100010

#bddda2
```
#bddda2 rgb(189,221,162)
```
#c2a2dd
```
#c2a2dd rgb(194,162,221)
```

Complementary Color

#dbdda2
```
#dbdda2 rgb(219,221,162)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#a2dda5
```
#a2dda5 rgb(162,221,165)
```

Analogous Color

#dda2db
```
#dda2db rgb(221,162,219)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#a5a2dd
```
#a5a2dd rgb(165,162,221)
```

Split Complementary Color

#dda2bd
```
#dda2bd rgb(221,162,189)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#a2bddd
```
#a2bddd rgb(162,189,221)
```

Triadic Color

#ddc2a2
```
#ddc2a2 rgb(221,194,162)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#a2bddd
```
#a2bddd rgb(162,189,221)
```
#c2a2dd
```
#c2a2dd rgb(194,162,221)
```

Tetradic Color

#95c96a
```
#95c96a rgb(149,201,106)
```
#a2cf7d
```
#a2cf7d rgb(162,207,125)
```
#b0d68f
```
#b0d68f rgb(176,214,143)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#cae4b5
```
#cae4b5 rgb(202,228,181)
```
#d8ebc7
```
#d8ebc7 rgb(216,235,199)
```
#e5f1da
```
#e5f1da rgb(229,241,218)
```

Monochromatic Color

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

#ccdda2
```
#ccdda2 rgb(204,221,162)
```
#c7dda2
```
#c7dda2 rgb(199,221,162)
```
#c2dda2
```
#c2dda2 rgb(194,221,162)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#b8dda2
```
#b8dda2 rgb(184,221,162)
```
#b3dda2
```
#b3dda2 rgb(179,221,162)
```
#aedda2
```
#aedda2 rgb(174,221,162)
```

Similar Colors

Text with hexadecimal color #bddda2

This text has a font color of #bddda2.

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

#bddda2 background color

This paragraph has a background color of #bddda2.

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

#bddda2 border color

This element has a border color of #bddda2.

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

CSS codes

.text {color:#bddda2;}

.background {background-color:#bddda2;}

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

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

#050803
```
#050803 rgb(5,8,3)
```
#0e1608
```
#0e1608 rgb(14,22,8)
```
#18240d
```
#18240d rgb(24,36,13)
```
#213313
```
#213313 rgb(33,51,19)
```
#2b4118
```
#2b4118 rgb(43,65,24)
```
#344f1d
```
#344f1d rgb(52,79,29)
```
#3d5e22
```
#3d5e22 rgb(61,94,34)
```
#476c28
```
#476c28 rgb(71,108,40)
```
#507a2d
```
#507a2d rgb(80,122,45)
```
#5a8932
```
#5a8932 rgb(90,137,50)
```
#639737
```
#639737 rgb(99,151,55)
```
#6da63d
```
#6da63d rgb(109,166,61)
```
#76b442
```
#76b442 rgb(118,180,66)
```

Shade Color Variation

#80bd4c
```
#80bd4c rgb(128,189,76)
```
#8ac35a
```
#8ac35a rgb(138,195,90)
```
#94c869
```
#94c869 rgb(148,200,105)
```
#9ecd77
```
#9ecd77 rgb(158,205,119)
```
#a9d285
```
#a9d285 rgb(169,210,133)
```
#b3d894
```
#b3d894 rgb(179,216,148)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#c7e2b0
```
#c7e2b0 rgb(199,226,176)
```
#d1e8bf
```
#d1e8bf rgb(209,232,191)
```
#dcedcd
```
#dcedcd rgb(220,237,205)
```
#e6f2db
```
#e6f2db rgb(230,242,219)
```
#f0f7ea
```
#f0f7ea rgb(240,247,234)
```
#fafdf8
```
#fafdf8 rgb(250,253,248)
```

Tint Color Variation

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

#bfc0bf
```
#bfc0bf rgb(191,192,191)
```
#bfc5ba
```
#bfc5ba rgb(191,197,186)
```
#bfc9b6
```
#bfc9b6 rgb(191,201,182)
```
#beceb1
```
#beceb1 rgb(190,206,177)
```
#bed3ac
```
#bed3ac rgb(190,211,172)
```
#bdd8a7
```
#bdd8a7 rgb(189,216,167)
```
#bddda2
```
#bddda2 rgb(189,221,162)
```
#bde29d
```
#bde29d rgb(189,226,157)
```
#bce798
```
#bce798 rgb(188,231,152)
```
#bcec93
```
#bcec93 rgb(188,236,147)
```
#bbf18e
```
#bbf18e rgb(187,241,142)
```
#bbf58a
```
#bbf58a rgb(187,245,138)
```
#bbfa85
```
#bbfa85 rgb(187,250,133)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cad0c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d4a2 Protanopia 1% of men
#f7cdac Deuteranopia 1% of men
#cbd6e5 Tritanopia 0.001% of the population

Trichromacy

#d5d7a2 Protanomaly 1% of men, 0.01% of women
#e2d3a8 Deuteranomaly 6% of men, 0.4% of women
#c6d8cd Tritanomaly 0.01% of the population

#bddda2 hex color

#bddda2 Color Information

#bddda2 Color Conversion

Color Schemes with #bddda2

Alternatives to #bddda2

#bddda2 Preview

Shades and Tints of #bddda2

Tones of #bddda2

Color Blindness Simulator