#bdf5dd hex color

In a RGB color space, hex #bdf5dd is composed of 74.1% red, 96.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 154.3 degrees, a saturation of 73.7% and a lightness of 85.1%. #bdf5dd color hex could be obtained by blending #ffffff with #7bebbb. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 96
- B 87
RGB color chart
- C 23
- M 0
- Y 10
- K 4
CMYK color chart

● #bdf5dd color description : Very soft cyan - lime green.

The hexadecimal color #bdf5dd has RGB values of R:189, G:245, B:221 and CMYK values of C:0.23, M:0, Y:0.1, K:0.04. Its decimal value is 12449245.

Hex triplet	bdf5dd	`#bdf5dd`
RGB Decimal	189, 245, 221	`rgb(189,245,221)`
RGB Percent	74.1, 96.1, 86.7	`rgb(74.1%,96.1%,86.7%)`
CMYK	23, 0, 10, 4
HSL	154.3°, 73.7, 85.1	`hsl(154.3,73.7%,85.1%)`
HSV (or HSB)	154.3°, 22.9, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.284, -22.447, 5.783
XYZ	66.687, 81.342, 80.59
xyY	0.292, 0.356, 81.342
CIE-LCH	92.284, 23.18, 165.553
CIE-LUV	92.284, -27.994, 12.703
Hunter-Lab	90.19, -25.849, 10.154
Binary	10111101, 11110101, 11011101

#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#f5bdd5
```
#f5bdd5 rgb(245,189,213)
```

Complementary Color

#bdf5c1
```
#bdf5c1 rgb(189,245,193)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#bdf1f5
```
#bdf1f5 rgb(189,241,245)
```

Analogous Color

#f5c1bd
```
#f5c1bd rgb(245,193,189)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#f5bdf1
```
#f5bdf1 rgb(245,189,241)
```

Split Complementary Color

#f5ddbd
```
#f5ddbd rgb(245,221,189)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#ddbdf5
```
#ddbdf5 rgb(221,189,245)
```

Triadic Color

#d5f5bd
```
#d5f5bd rgb(213,245,189)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#ddbdf5
```
#ddbdf5 rgb(221,189,245)
```
#f5bdd5
```
#f5bdd5 rgb(245,189,213)
```

Tetradic Color

#7bebbb
```
#7bebbb rgb(123,235,187)
```
#91eec6
```
#91eec6 rgb(145,238,198)
```
#a7f2d2
```
#a7f2d2 rgb(167,242,210)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#d3f8e8
```
#d3f8e8 rgb(211,248,232)
```
#e9fcf4
```
#e9fcf4 rgb(233,252,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf5cf
```
#bdf5cf rgb(189,245,207)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#bdf5e2
```
#bdf5e2 rgb(189,245,226)
```
#bdf5e6
```
#bdf5e6 rgb(189,245,230)
```
#bdf5eb
```
#bdf5eb rgb(189,245,235)
```

Similar Colors

Text with hexadecimal color #bdf5dd

This text has a font color of #bdf5dd.

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

#bdf5dd background color

This paragraph has a background color of #bdf5dd.

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

#bdf5dd border color

This element has a border color of #bdf5dd.

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

CSS codes

.text {color:#bdf5dd;}

.background {background-color:#bdf5dd;}

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

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

#000201
```
#000201 rgb(0,2,1)
```
#03130c
```
#03130c rgb(3,19,12)
```
#052417
```
#052417 rgb(5,36,23)
```
#083522
```
#083522 rgb(8,53,34)
```
#0b462d
```
#0b462d rgb(11,70,45)
```
#0d5738
```
#0d5738 rgb(13,87,56)
```
#106842
```
#106842 rgb(16,104,66)
```
#12794d
```
#12794d rgb(18,121,77)
```
#158a58
```
#158a58 rgb(21,138,88)
```
#189b63
```
#189b63 rgb(24,155,99)
```
#1aac6e
```
#1aac6e rgb(26,172,110)
```
#1dbe79
```
#1dbe79 rgb(29,190,121)
```
#1fcf83
```
#1fcf83 rgb(31,207,131)
```

Shade Color Variation

#24de8e
```
#24de8e rgb(36,222,142)
```
#35e097
```
#35e097 rgb(53,224,151)
```
#46e3a0
```
#46e3a0 rgb(70,227,160)
```
#57e6a8
```
#57e6a8 rgb(87,230,168)
```
#68e8b1
```
#68e8b1 rgb(104,232,177)
```
#79ebba
```
#79ebba rgb(121,235,186)
```
#8aedc3
```
#8aedc3 rgb(138,237,195)
```
#9bf0cb
```
#9bf0cb rgb(155,240,203)
```
#acf2d4
```
#acf2d4 rgb(172,242,212)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#cef8e6
```
#cef8e6 rgb(206,248,230)
```
#dffaef
```
#dffaef rgb(223,250,239)
```
#f0fdf7
```
#f0fdf7 rgb(240,253,247)
```

Tint Color Variation

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

#d7dbd9
```
#d7dbd9 rgb(215,219,217)
```
#d4deda
```
#d4deda rgb(212,222,218)
```
#d1e1da
```
#d1e1da rgb(209,225,218)
```
#cfe3da
```
#cfe3da rgb(207,227,218)
```
#cce6db
```
#cce6db rgb(204,230,219)
```
#c9e9db
```
#c9e9db rgb(201,233,219)
```
#c6ecdc
```
#c6ecdc rgb(198,236,220)
```
#c3efdc
```
#c3efdc rgb(195,239,220)
```
#c0f2dd
```
#c0f2dd rgb(192,242,221)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#baf8dd
```
#baf8dd rgb(186,248,221)
```
#b7fbde
```
#b7fbde rgb(183,251,222)
```
#b4fede
```
#b4fede rgb(180,254,222)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dbe6e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e9d8 Protanopia 1% of men
#ffe3e5 Deuteranopia 1% of men
#ccefff Tritanopia 0.001% of the population

Trichromacy

#deedda Protanomaly 1% of men, 0.01% of women
#e7e9e2 Deuteranomaly 6% of men, 0.4% of women
#c7f1f2 Tritanomaly 0.01% of the population

#bdf5dd hex color

#bdf5dd Color Information

#bdf5dd Color Conversion

Color Schemes with #bdf5dd

Alternatives to #bdf5dd

#bdf5dd Preview

Shades and Tints of #bdf5dd

Tones of #bdf5dd

Color Blindness Simulator