#bdd1bf hex color

In a RGB color space, hex #bdd1bf is composed of 74.1% red, 82% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 0% magenta, 8.6% yellow and 18% black. It has a hue angle of 126 degrees, a saturation of 17.9% and a lightness of 78%. #bdd1bf color hex could be obtained by blending #ffffff with #7ba37f. 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

● #bdd1bf color description : Grayish lime green.

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

Hex triplet	bdd1bf	`#bdd1bf`
RGB Decimal	189, 209, 191	`rgb(189,209,191)`
RGB Percent	74.1, 82, 74.9	`rgb(74.1%,82%,74.9%)`
CMYK	10, 0, 9, 18
HSL	126°, 17.9, 78	`hsl(126,17.9%,78%)`
HSV (or HSB)	126°, 9.6, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.936, -10.108, 6.636
XYZ	53.189, 60.181, 58.101
xyY	0.31, 0.351, 60.181
CIE-LCH	81.936, 12.091, 146.717
CIE-LUV	81.936, -10.22, 11.603
Hunter-Lab	77.576, -13.373, 9.898
Binary	10111101, 11010001, 10111111

#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#d1bdcf
```
#d1bdcf rgb(209,189,207)
```

Complementary Color

#c5d1bd
```
#c5d1bd rgb(197,209,189)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#bdd1c9
```
#bdd1c9 rgb(189,209,201)
```

Analogous Color

#d1bdc5
```
#d1bdc5 rgb(209,189,197)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#c9bdd1
```
#c9bdd1 rgb(201,189,209)
```

Split Complementary Color

#d1bfbd
```
#d1bfbd rgb(209,191,189)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#bfbdd1
```
#bfbdd1 rgb(191,189,209)
```

Triadic Color

#cfd1bd
```
#cfd1bd rgb(207,209,189)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#bfbdd1
```
#bfbdd1 rgb(191,189,209)
```
#d1bdcf
```
#d1bdcf rgb(209,189,207)
```

Tetradic Color

#90b293
```
#90b293 rgb(144,178,147)
```
#9fbca2
```
#9fbca2 rgb(159,188,162)
```
#aec7b0
```
#aec7b0 rgb(174,199,176)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#ccdbce
```
#ccdbce rgb(204,219,206)
```
#dbe6dc
```
#dbe6dc rgb(219,230,220)
```
#eaf0eb
```
#eaf0eb rgb(234,240,235)
```

Monochromatic Color

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

#c0d1bd
```
#c0d1bd rgb(192,209,189)
```
#bed1bd
```
#bed1bd rgb(190,209,189)
```
#bdd1bd
```
#bdd1bd rgb(189,209,189)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#bdd1c1
```
#bdd1c1 rgb(189,209,193)
```
#bdd1c2
```
#bdd1c2 rgb(189,209,194)
```
#bdd1c4
```
#bdd1c4 rgb(189,209,196)
```

Similar Colors

Text with hexadecimal color #bdd1bf

This text has a font color of #bdd1bf.

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

#bdd1bf background color

This paragraph has a background color of #bdd1bf.

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

#bdd1bf border color

This element has a border color of #bdd1bf.

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

CSS codes

.text {color:#bdd1bf;}

.background {background-color:#bdd1bf;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0b
```
#0a0f0b rgb(10,15,11)
```
#121a13
```
#121a13 rgb(18,26,19)
```
#1b261c
```
#1b261c rgb(27,38,28)
```
#233224
```
#233224 rgb(35,50,36)
```
#2b3d2c
```
#2b3d2c rgb(43,61,44)
```
#334935
```
#334935 rgb(51,73,53)
```
#3b543d
```
#3b543d rgb(59,84,61)
```
#436046
```
#436046 rgb(67,96,70)
```
#4b6b4e
```
#4b6b4e rgb(75,107,78)
```
#537757
```
#537757 rgb(83,119,87)
```
#5b835f
```
#5b835f rgb(91,131,95)
```
#638e67
```
#638e67 rgb(99,142,103)
```

Shade Color Variation

#6c9971
```
#6c9971 rgb(108,153,113)
```
#78a17c
```
#78a17c rgb(120,161,124)
```
#83a987
```
#83a987 rgb(131,169,135)
```
#8fb192
```
#8fb192 rgb(143,177,146)
```
#9ab99d
```
#9ab99d rgb(154,185,157)
```
#a6c1a9
```
#a6c1a9 rgb(166,193,169)
```
#b1c9b4
```
#b1c9b4 rgb(177,201,180)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#c9d9ca
```
#c9d9ca rgb(201,217,202)
```
#d4e1d5
```
#d4e1d5 rgb(212,225,213)
```
#e0e9e1
```
#e0e9e1 rgb(224,233,225)
```
#ebf1ec
```
#ebf1ec rgb(235,241,236)
```
#f7f9f7
```
#f7f9f7 rgb(247,249,247)
```

Tint Color Variation

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

#c6c8c6
```
#c6c8c6 rgb(198,200,198)
```
#c1cdc2
```
#c1cdc2 rgb(193,205,194)
```
#bdd1bf
```
#bdd1bf rgb(189,209,191)
```
#b9d5bc
```
#b9d5bc rgb(185,213,188)
```
#b4dab8
```
#b4dab8 rgb(180,218,184)
```
#b0deb5
```
#b0deb5 rgb(176,222,181)
```
#ace2b1
```
#ace2b1 rgb(172,226,177)
```
#a7e7ae
```
#a7e7ae rgb(167,231,174)
```
#a3ebaa
```
#a3ebaa rgb(163,235,170)
```
#9fefa7
```
#9fefa7 rgb(159,239,167)
```
#9bf3a3
```
#9bf3a3 rgb(155,243,163)
```
#96f8a0
```
#96f8a0 rgb(150,248,160)
```
#92fc9d
```
#92fc9d rgb(146,252,157)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c7cbc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cdbf Protanopia 1% of men
#e4c7c6 Deuteranopia 1% of men
#c5cfde Tritanopia 0.001% of the population

Trichromacy

#cccebf Protanomaly 1% of men, 0.01% of women
#d6cbc3 Deuteranomaly 6% of men, 0.4% of women
#c2cfd2 Tritanomaly 0.01% of the population

#bdd1bf hex color

#bdd1bf Color Information

#bdd1bf Color Conversion

Color Schemes with #bdd1bf

Alternatives to #bdd1bf

#bdd1bf Preview

Shades and Tints of #bdd1bf

Tones of #bdd1bf

Color Blindness Simulator