#bdd2bf hex color

In a RGB color space, hex #bdd2bf is composed of 74.1% red, 82.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 9% yellow and 17.6% black. It has a hue angle of 125.7 degrees, a saturation of 18.9% and a lightness of 78.2%. #bdd2bf color hex could be obtained by blending #ffffff with #7ba57f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 75
RGB color chart
- C 10
- M 0
- Y 9
- K 18
CMYK color chart

● #bdd2bf color description : Grayish lime green.

The hexadecimal color #bdd2bf has RGB values of R:189, G:210, B:191 and CMYK values of C:0.1, M:0, Y:0.09, K:0.18. Its decimal value is 12440255.

Hex triplet	bdd2bf	`#bdd2bf`
RGB Decimal	189, 210, 191	`rgb(189,210,191)`
RGB Percent	74.1, 82.4, 74.9	`rgb(74.1%,82.4%,74.9%)`
CMYK	10, 0, 9, 18
HSL	125.7°, 18.9, 78.2	`hsl(125.7,18.9%,78.2%)`
HSV (or HSB)	125.7°, 10, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.203, -10.621, 7.018
XYZ	53.435, 60.673, 58.183
xyY	0.31, 0.352, 60.673
CIE-LCH	82.203, 12.731, 146.544
CIE-LUV	82.203, -10.721, 12.257
Hunter-Lab	77.893, -13.861, 10.237
Binary	10111101, 11010010, 10111111

#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#d2bdd0
```
#d2bdd0 rgb(210,189,208)
```

Complementary Color

#c6d2bd
```
#c6d2bd rgb(198,210,189)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#bdd2ca
```
#bdd2ca rgb(189,210,202)
```

Analogous Color

#d2bdc6
```
#d2bdc6 rgb(210,189,198)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#cabdd2
```
#cabdd2 rgb(202,189,210)
```

Split Complementary Color

#d2bfbd
```
#d2bfbd rgb(210,191,189)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#bfbdd2
```
#bfbdd2 rgb(191,189,210)
```

Triadic Color

#d0d2bd
```
#d0d2bd rgb(208,210,189)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#bfbdd2
```
#bfbdd2 rgb(191,189,210)
```
#d2bdd0
```
#d2bdd0 rgb(210,189,208)
```

Tetradic Color

#90b393
```
#90b393 rgb(144,179,147)
```
#9fbda2
```
#9fbda2 rgb(159,189,162)
```
#aec8b0
```
#aec8b0 rgb(174,200,176)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#ccdcce
```
#ccdcce rgb(204,220,206)
```
#dbe7dc
```
#dbe7dc rgb(219,231,220)
```
#eaf1eb
```
#eaf1eb rgb(234,241,235)
```

Monochromatic Color

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

#c0d2bd
```
#c0d2bd rgb(192,210,189)
```
#bfd2bd
```
#bfd2bd rgb(191,210,189)
```
#bdd2bd
```
#bdd2bd rgb(189,210,189)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#bdd2c1
```
#bdd2c1 rgb(189,210,193)
```
#bdd2c3
```
#bdd2c3 rgb(189,210,195)
```
#bdd2c4
```
#bdd2c4 rgb(189,210,196)
```

Similar Colors

Text with hexadecimal color #bdd2bf

This text has a font color of #bdd2bf.

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

#bdd2bf background color

This paragraph has a background color of #bdd2bf.

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

#bdd2bf border color

This element has a border color of #bdd2bf.

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

CSS codes

.text {color:#bdd2bf;}

.background {background-color:#bdd2bf;}

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0b100b
```
#0b100b rgb(11,16,11)
```
#131b13
```
#131b13 rgb(19,27,19)
```
#1b271c
```
#1b271c rgb(27,39,28)
```
#233324
```
#233324 rgb(35,51,36)
```
#2a3e2c
```
#2a3e2c rgb(42,62,44)
```
#324a35
```
#324a35 rgb(50,74,53)
```
#3a563d
```
#3a563d rgb(58,86,61)
```
#426145
```
#426145 rgb(66,97,69)
```
#4a6d4e
```
#4a6d4e rgb(74,109,78)
```
#527956
```
#527956 rgb(82,121,86)
```
#5a845e
```
#5a845e rgb(90,132,94)
```
#629067
```
#629067 rgb(98,144,103)
```

Shade Color Variation

#6b9a70
```
#6b9a70 rgb(107,154,112)
```
#77a27b
```
#77a27b rgb(119,162,123)
```
#83aa86
```
#83aa86 rgb(131,170,134)
```
#8eb292
```
#8eb292 rgb(142,178,146)
```
#9aba9d
```
#9aba9d rgb(154,186,157)
```
#a6c2a8
```
#a6c2a8 rgb(166,194,168)
```
#b1cab4
```
#b1cab4 rgb(177,202,180)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#c9daca
```
#c9daca rgb(201,218,202)
```
#d4e2d6
```
#d4e2d6 rgb(212,226,214)
```
#e0eae1
```
#e0eae1 rgb(224,234,225)
```
#ecf2ec
```
#ecf2ec rgb(236,242,236)
```
#f7faf8
```
#f7faf8 rgb(247,250,248)
```

Tint Color Variation

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

#c6c9c6
```
#c6c9c6 rgb(198,201,198)
```
#c1cec2
```
#c1cec2 rgb(193,206,194)
```
#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#b9d6bc
```
#b9d6bc rgb(185,214,188)
```
#b4dbb8
```
#b4dbb8 rgb(180,219,184)
```
#b0dfb5
```
#b0dfb5 rgb(176,223,181)
```
#ace3b1
```
#ace3b1 rgb(172,227,177)
```
#a8e7ae
```
#a8e7ae rgb(168,231,174)
```
#a3ecaa
```
#a3ecaa rgb(163,236,170)
```
#9ff0a7
```
#9ff0a7 rgb(159,240,167)
```
#9bf4a3
```
#9bf4a3 rgb(155,244,163)
```
#97f8a0
```
#97f8a0 rgb(151,248,160)
```
#92fd9c
```
#92fd9c rgb(146,253,156)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7ccc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cebf Protanopia 1% of men
#e5c8c6 Deuteranopia 1% of men
#c5d0de Tritanopia 0.001% of the population

Trichromacy

#cdcfbf Protanomaly 1% of men, 0.01% of women
#d6ccc3 Deuteranomaly 6% of men, 0.4% of women
#c2d0d3 Tritanomaly 0.01% of the population

#bdd2bf hex color

#bdd2bf Color Information

#bdd2bf Color Conversion

Color Schemes with #bdd2bf

Alternatives to #bdd2bf

#bdd2bf Preview

Shades and Tints of #bdd2bf

Tones of #bdd2bf

Color Blindness Simulator