#bddfb0 hex color

In a RGB color space, hex #bddfb0 is composed of 74.1% red, 87.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 21.1% yellow and 12.5% black. It has a hue angle of 103.4 degrees, a saturation of 42.3% and a lightness of 78.2%. #bddfb0 color hex could be obtained by blending #ffffff with #7bbf61. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 87
- B 69
RGB color chart
- C 15
- M 0
- Y 21
- K 13
CMYK color chart

● #bddfb0 color description : Very soft green.

The hexadecimal color #bddfb0 has RGB values of R:189, G:223, B:176 and CMYK values of C:0.15, M:0, Y:0.21, K:0.13. Its decimal value is 12443568.

Hex triplet	bddfb0	`#bddfb0`
RGB Decimal	189, 223, 176	`rgb(189,223,176)`
RGB Percent	74.1, 87.5, 69	`rgb(74.1%,87.5%,69%)`
CMYK	15, 0, 21, 13
HSL	103.4°, 42.3, 78.2	`hsl(103.4,42.3%,78.2%)`
HSV (or HSB)	103.4°, 21.1, 87.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	85.366, -19.742, 19.404
XYZ	55.209, 66.728, 51.043
xyY	0.319, 0.386, 66.728
CIE-LCH	85.366, 27.681, 135.494
CIE-LUV	85.366, -16.891, 31.398
Hunter-Lab	81.687, -22.313, 20.133
Binary	10111101, 11011111, 10110000

#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#d2b0df
```
#d2b0df rgb(210,176,223)
```

Complementary Color

#d5dfb0
```
#d5dfb0 rgb(213,223,176)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#b0dfbb
```
#b0dfbb rgb(176,223,187)
```

Analogous Color

#dfb0d5
```
#dfb0d5 rgb(223,176,213)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#bbb0df
```
#bbb0df rgb(187,176,223)
```

Split Complementary Color

#dfb0bd
```
#dfb0bd rgb(223,176,189)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#b0bddf
```
#b0bddf rgb(176,189,223)
```

Triadic Color

#dfd2b0
```
#dfd2b0 rgb(223,210,176)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#b0bddf
```
#b0bddf rgb(176,189,223)
```
#d2b0df
```
#d2b0df rgb(210,176,223)
```

Tetradic Color

#90c97a
```
#90c97a rgb(144,201,122)
```
#9fd08c
```
#9fd08c rgb(159,208,140)
```
#aed89e
```
#aed89e rgb(174,216,158)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#cce6c2
```
#cce6c2 rgb(204,230,194)
```
#dbeed4
```
#dbeed4 rgb(219,238,212)
```
#eaf5e6
```
#eaf5e6 rgb(234,245,230)
```

Monochromatic Color

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

#c9dfb0
```
#c9dfb0 rgb(201,223,176)
```
#c5dfb0
```
#c5dfb0 rgb(197,223,176)
```
#c1dfb0
```
#c1dfb0 rgb(193,223,176)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#b9dfb0
```
#b9dfb0 rgb(185,223,176)
```
#b5dfb0
```
#b5dfb0 rgb(181,223,176)
```
#b1dfb0
```
#b1dfb0 rgb(177,223,176)
```

Similar Colors

Text with hexadecimal color #bddfb0

This text has a font color of #bddfb0.

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

#bddfb0 background color

This paragraph has a background color of #bddfb0.

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

#bddfb0 border color

This element has a border color of #bddfb0.

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

CSS codes

.text {color:#bddfb0;}

.background {background-color:#bddfb0;}

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

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

#030502
```
#030502 rgb(3,5,2)
```
#0b1308
```
#0b1308 rgb(11,19,8)
```
#13210d
```
#13210d rgb(19,33,13)
```
#1b2f13
```
#1b2f13 rgb(27,47,19)
```
#233d19
```
#233d19 rgb(35,61,25)
```
#2a4b1e
```
#2a4b1e rgb(42,75,30)
```
#325924
```
#325924 rgb(50,89,36)
```
#3a662a
```
#3a662a rgb(58,102,42)
```
#42742f
```
#42742f rgb(66,116,47)
```
#4a8235
```
#4a8235 rgb(74,130,53)
```
#52903a
```
#52903a rgb(82,144,58)
```
#5a9e40
```
#5a9e40 rgb(90,158,64)
```
#62ac46
```
#62ac46 rgb(98,172,70)
```

Shade Color Variation

#6bb74e
```
#6bb74e rgb(107,183,78)
```
#77bd5c
```
#77bd5c rgb(119,189,92)
```
#83c36a
```
#83c36a rgb(131,195,106)
```
#8ec878
```
#8ec878 rgb(142,200,120)
```
#9ace86
```
#9ace86 rgb(154,206,134)
```
#a6d494
```
#a6d494 rgb(166,212,148)
```
#b1d9a2
```
#b1d9a2 rgb(177,217,162)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#c9e5be
```
#c9e5be rgb(201,229,190)
```
#d4eacc
```
#d4eacc rgb(212,234,204)
```
#e0f0da
```
#e0f0da rgb(224,240,218)
```
#ecf6e8
```
#ecf6e8 rgb(236,246,232)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#c7cac5
```
#c7cac5 rgb(199,202,197)
```
#c5cec1
```
#c5cec1 rgb(197,206,193)
```
#c3d2bd
```
#c3d2bd rgb(195,210,189)
```
#c1d6b9
```
#c1d6b9 rgb(193,214,185)
```
#bfdbb4
```
#bfdbb4 rgb(191,219,180)
```
#bddfb0
```
#bddfb0 rgb(189,223,176)
```
#bbe3ac
```
#bbe3ac rgb(187,227,172)
```
#b9e8a7
```
#b9e8a7 rgb(185,232,167)
```
#b7eca3
```
#b7eca3 rgb(183,236,163)
```
#b5f09f
```
#b5f09f rgb(181,240,159)
```
#b3f49b
```
#b3f49b rgb(179,244,155)
```
#b2f996
```
#b2f996 rgb(178,249,150)
```
#b0fd92
```
#b0fd92 rgb(176,253,146)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d7af Protanopia 1% of men
#f6cfb9 Deuteranopia 1% of men
#cad9e8 Tritanopia 0.001% of the population

Trichromacy

#d5d9af Protanomaly 1% of men, 0.01% of women
#e1d5b6 Deuteranomaly 6% of men, 0.4% of women
#c5dbd4 Tritanomaly 0.01% of the population

#bddfb0 hex color

#bddfb0 Color Information

#bddfb0 Color Conversion

Color Schemes with #bddfb0

Alternatives to #bddfb0

#bddfb0 Preview

Shades and Tints of #bddfb0

Tones of #bddfb0

Color Blindness Simulator