#bdd5bf hex color

In a RGB color space, hex #bdd5bf is composed of 74.1% red, 83.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 10.3% yellow and 16.5% black. It has a hue angle of 125 degrees, a saturation of 22.2% and a lightness of 78.8%. #bdd5bf color hex could be obtained by blending #ffffff with #7bab7f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 84
- B 75
RGB color chart
- C 11
- M 0
- Y 10
- K 16
CMYK color chart

● #bdd5bf color description : Grayish lime green.

The hexadecimal color #bdd5bf has RGB values of R:189, G:213, B:191 and CMYK values of C:0.11, M:0, Y:0.1, K:0.16. Its decimal value is 12441023.

Hex triplet	bdd5bf	`#bdd5bf`
RGB Decimal	189, 213, 191	`rgb(189,213,191)`
RGB Percent	74.1, 83.5, 74.9	`rgb(74.1%,83.5%,74.9%)`
CMYK	11, 0, 10, 16
HSL	125°, 22.2, 78.8	`hsl(125,22.2%,78.8%)`
HSV (or HSB)	125°, 11.3, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.003, -12.155, 8.167
XYZ	54.182, 62.168, 58.432
xyY	0.31, 0.356, 62.168
CIE-LCH	83.003, 14.643, 146.103
CIE-LUV	83.003, -12.221, 14.213
Hunter-Lab	78.847, -15.319, 11.254
Binary	10111101, 11010101, 10111111

#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#d5bdd3
```
#d5bdd3 rgb(213,189,211)
```

Complementary Color

#c7d5bd
```
#c7d5bd rgb(199,213,189)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#bdd5cb
```
#bdd5cb rgb(189,213,203)
```

Analogous Color

#d5bdc7
```
#d5bdc7 rgb(213,189,199)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#cbbdd5
```
#cbbdd5 rgb(203,189,213)
```

Split Complementary Color

#d5bfbd
```
#d5bfbd rgb(213,191,189)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#bfbdd5
```
#bfbdd5 rgb(191,189,213)
```

Triadic Color

#d3d5bd
```
#d3d5bd rgb(211,213,189)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#bfbdd5
```
#bfbdd5 rgb(191,189,213)
```
#d5bdd3
```
#d5bdd3 rgb(213,189,211)
```

Tetradic Color

#8eb792
```
#8eb792 rgb(142,183,146)
```
#9ec1a1
```
#9ec1a1 rgb(158,193,161)
```
#adcbb0
```
#adcbb0 rgb(173,203,176)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#cddfce
```
#cddfce rgb(205,223,206)
```
#dce9dd
```
#dce9dd rgb(220,233,221)
```
#ecf3ec
```
#ecf3ec rgb(236,243,236)
```

Monochromatic Color

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

#c1d5bd
```
#c1d5bd rgb(193,213,189)
```
#bfd5bd
```
#bfd5bd rgb(191,213,189)
```
#bdd5bd
```
#bdd5bd rgb(189,213,189)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#bdd5c1
```
#bdd5c1 rgb(189,213,193)
```
#bdd5c3
```
#bdd5c3 rgb(189,213,195)
```
#bdd5c5
```
#bdd5c5 rgb(189,213,197)
```

Similar Colors

Text with hexadecimal color #bdd5bf

This text has a font color of #bdd5bf.

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

#bdd5bf background color

This paragraph has a background color of #bdd5bf.

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

#bdd5bf border color

This element has a border color of #bdd5bf.

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

CSS codes

.text {color:#bdd5bf;}

.background {background-color:#bdd5bf;}

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

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

#040604
```
#040604 rgb(4,6,4)
```
#0b120c
```
#0b120c rgb(11,18,12)
```
#131e14
```
#131e14 rgb(19,30,20)
```
#1b2a1c
```
#1b2a1c rgb(27,42,28)
```
#223624
```
#223624 rgb(34,54,36)
```
#2a422c
```
#2a422c rgb(42,66,44)
```
#324e34
```
#324e34 rgb(50,78,52)
```
#395a3c
```
#395a3c rgb(57,90,60)
```
#416644
```
#416644 rgb(65,102,68)
```
#48724c
```
#48724c rgb(72,114,76)
```
#507e54
```
#507e54 rgb(80,126,84)
```
#588a5c
```
#588a5c rgb(88,138,92)
```
#5f9664
```
#5f9664 rgb(95,150,100)
```

Shade Color Variation

#69a06e
```
#69a06e rgb(105,160,110)
```
#75a779
```
#75a779 rgb(117,167,121)
```
#81af85
```
#81af85 rgb(129,175,133)
```
#8db691
```
#8db691 rgb(141,182,145)
```
#99be9c
```
#99be9c rgb(153,190,156)
```
#a5c6a8
```
#a5c6a8 rgb(165,198,168)
```
#b1cdb3
```
#b1cdb3 rgb(177,205,179)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#c9ddcb
```
#c9ddcb rgb(201,221,203)
```
#d5e4d6
```
#d5e4d6 rgb(213,228,214)
```
#e1ece2
```
#e1ece2 rgb(225,236,226)
```
#edf4ed
```
#edf4ed rgb(237,244,237)
```
#f9fbf9
```
#f9fbf9 rgb(249,251,249)
```

Tint Color Variation

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

#c5cdc6
```
#c5cdc6 rgb(197,205,198)
```
#c1d1c2
```
#c1d1c2 rgb(193,209,194)
```
#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#b9d9bc
```
#b9d9bc rgb(185,217,188)
```
#b5ddb8
```
#b5ddb8 rgb(181,221,184)
```
#b1e1b5
```
#b1e1b5 rgb(177,225,181)
```
#ace6b1
```
#ace6b1 rgb(172,230,177)
```
#a8eaae
```
#a8eaae rgb(168,234,174)
```
#a4eeaa
```
#a4eeaa rgb(164,238,170)
```
#a0f2a7
```
#a0f2a7 rgb(160,242,167)
```
#9cf6a3
```
#9cf6a3 rgb(156,246,163)
```
#98faa0
```
#98faa0 rgb(152,250,160)
```
#93ff9c
```
#93ff9c rgb(147,255,156)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cdc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d0bf Protanopia 1% of men
#e8cac6 Deuteranopia 1% of men
#c6d2e1 Tritanopia 0.001% of the population

Trichromacy

#ced2bf Protanomaly 1% of men, 0.01% of women
#d8cec3 Deuteranomaly 6% of men, 0.4% of women
#c3d3d5 Tritanomaly 0.01% of the population

#bdd5bf hex color

#bdd5bf Color Information

#bdd5bf Color Conversion

Color Schemes with #bdd5bf

Alternatives to #bdd5bf

#bdd5bf Preview

Shades and Tints of #bdd5bf

Tones of #bdd5bf

Color Blindness Simulator