#bdf5d8 hex color

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

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

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

The hexadecimal color #bdf5d8 has RGB values of R:189, G:245, B:216 and CMYK values of C:0.23, M:0, Y:0.12, K:0.04. Its decimal value is 12449240.

Hex triplet	bdf5d8	`#bdf5d8`
RGB Decimal	189, 245, 216	`rgb(189,245,216)`
RGB Percent	74.1, 96.1, 84.7	`rgb(74.1%,96.1%,84.7%)`
CMYK	23, 0, 12, 4
HSL	148.9°, 73.7, 85.1	`hsl(148.9,73.7%,85.1%)`
HSV (or HSB)	148.9°, 22.9, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.167, -23.406, 8.207
XYZ	66.03, 81.08, 77.133
xyY	0.294, 0.362, 81.08
CIE-LCH	92.167, 24.803, 160.679
CIE-LUV	92.167, -27.97, 16.49
Hunter-Lab	90.044, -26.682, 12.242
Binary	10111101, 11110101, 11011000

#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#f5bdda
```
#f5bdda rgb(245,189,218)
```

Complementary Color

#bef5bd
```
#bef5bd rgb(190,245,189)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#bdf5f4
```
#bdf5f4 rgb(189,245,244)
```

Analogous Color

#f5bdbe
```
#f5bdbe rgb(245,189,190)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#f4bdf5
```
#f4bdf5 rgb(244,189,245)
```

Split Complementary Color

#f5d8bd
```
#f5d8bd rgb(245,216,189)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#d8bdf5
```
#d8bdf5 rgb(216,189,245)
```

Triadic Color

#daf5bd
```
#daf5bd rgb(218,245,189)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#d8bdf5
```
#d8bdf5 rgb(216,189,245)
```
#f5bdda
```
#f5bdda rgb(245,189,218)
```

Tetradic Color

#7bebb1
```
#7bebb1 rgb(123,235,177)
```
#91eebe
```
#91eebe rgb(145,238,190)
```
#a7f2cb
```
#a7f2cb rgb(167,242,203)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#d3f8e5
```
#d3f8e5 rgb(211,248,229)
```
#e9fcf2
```
#e9fcf2 rgb(233,252,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf5ca
```
#bdf5ca rgb(189,245,202)
```
#bdf5cf
```
#bdf5cf rgb(189,245,207)
```
#bdf5d3
```
#bdf5d3 rgb(189,245,211)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#bdf5e1
```
#bdf5e1 rgb(189,245,225)
```
#bdf5e6
```
#bdf5e6 rgb(189,245,230)
```

Similar Colors

Text with hexadecimal color #bdf5d8

This text has a font color of #bdf5d8.

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

#bdf5d8 background color

This paragraph has a background color of #bdf5d8.

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

#bdf5d8 border color

This element has a border color of #bdf5d8.

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

CSS codes

.text {color:#bdf5d8;}

.background {background-color:#bdf5d8;}

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

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 #f0fdf6 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#03130b
```
#03130b rgb(3,19,11)
```
#052414
```
#052414 rgb(5,36,20)
```
#08351e
```
#08351e rgb(8,53,30)
```
#0b4627
```
#0b4627 rgb(11,70,39)
```
#0d5731
```
#0d5731 rgb(13,87,49)
```
#10683a
```
#10683a rgb(16,104,58)
```
#127944
```
#127944 rgb(18,121,68)
```
#158a4e
```
#158a4e rgb(21,138,78)
```
#189b57
```
#189b57 rgb(24,155,87)
```
#1aac61
```
#1aac61 rgb(26,172,97)
```
#1dbe6a
```
#1dbe6a rgb(29,190,106)
```
#1fcf74
```
#1fcf74 rgb(31,207,116)
```

Shade Color Variation

#24de7d
```
#24de7d rgb(36,222,125)
```
#35e087
```
#35e087 rgb(53,224,135)
```
#46e392
```
#46e392 rgb(70,227,146)
```
#57e69c
```
#57e69c rgb(87,230,156)
```
#68e8a6
```
#68e8a6 rgb(104,232,166)
```
#79ebb0
```
#79ebb0 rgb(121,235,176)
```
#8aedba
```
#8aedba rgb(138,237,186)
```
#9bf0c4
```
#9bf0c4 rgb(155,240,196)
```
#acf2ce
```
#acf2ce rgb(172,242,206)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#cef8e2
```
#cef8e2 rgb(206,248,226)
```
#dffaec
```
#dffaec rgb(223,250,236)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

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

#d7dbd9
```
#d7dbd9 rgb(215,219,217)
```
#d4ded9
```
#d4ded9 rgb(212,222,217)
```
#d1e1d9
```
#d1e1d9 rgb(209,225,217)
```
#cfe3d9
```
#cfe3d9 rgb(207,227,217)
```
#cce6d9
```
#cce6d9 rgb(204,230,217)
```
#c9e9d8
```
#c9e9d8 rgb(201,233,216)
```
#c6ecd8
```
#c6ecd8 rgb(198,236,216)
```
#c3efd8
```
#c3efd8 rgb(195,239,216)
```
#c0f2d8
```
#c0f2d8 rgb(192,242,216)
```
#bdf5d8
```
#bdf5d8 rgb(189,245,216)
```
#baf8d8
```
#baf8d8 rgb(186,248,216)
```
#b7fbd8
```
#b7fbd8 rgb(183,251,216)
```
#b4fed8
```
#b4fed8 rgb(180,254,216)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dae5df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e8d3 Protanopia 1% of men
#ffe3e1 Deuteranopia 1% of men
#ccefff Tritanopia 0.001% of the population

Trichromacy

#dfedd5 Protanomaly 1% of men, 0.01% of women
#e7e9de Deuteranomaly 6% of men, 0.4% of women
#c6f1f0 Tritanomaly 0.01% of the population

#bdf5d8 hex color

#bdf5d8 Color Information

#bdf5d8 Color Conversion

Color Schemes with #bdf5d8

Alternatives to #bdf5d8

#bdf5d8 Preview

Shades and Tints of #bdf5d8

Tones of #bdf5d8

Color Blindness Simulator