#bdf5d7 hex color

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

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

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

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

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

CIE-LAB	92.144, -23.596, 8.692
XYZ	65.901, 81.028, 76.454
xyY	0.295, 0.363, 81.028
CIE-LCH	92.144, 25.146, 159.779
CIE-LUV	92.144, -27.965, 17.242
Hunter-Lab	90.016, -26.846, 12.653
Binary	10111101, 11110101, 11010111

#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#f5bddb
```
#f5bddb rgb(245,189,219)
```

Complementary Color

#bff5bd
```
#bff5bd rgb(191,245,189)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#bdf5f3
```
#bdf5f3 rgb(189,245,243)
```

Analogous Color

#f5bdbf
```
#f5bdbf rgb(245,189,191)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#f3bdf5
```
#f3bdf5 rgb(243,189,245)
```

Split Complementary Color

#f5d7bd
```
#f5d7bd rgb(245,215,189)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#d7bdf5
```
#d7bdf5 rgb(215,189,245)
```

Triadic Color

#dbf5bd
```
#dbf5bd rgb(219,245,189)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#d7bdf5
```
#d7bdf5 rgb(215,189,245)
```
#f5bddb
```
#f5bddb rgb(245,189,219)
```

Tetradic Color

#7bebaf
```
#7bebaf rgb(123,235,175)
```
#91eebc
```
#91eebc rgb(145,238,188)
```
#a7f2ca
```
#a7f2ca rgb(167,242,202)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#d3f8e4
```
#d3f8e4 rgb(211,248,228)
```
#e9fcf2
```
#e9fcf2 rgb(233,252,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf5c9
```
#bdf5c9 rgb(189,245,201)
```
#bdf5ce
```
#bdf5ce rgb(189,245,206)
```
#bdf5d2
```
#bdf5d2 rgb(189,245,210)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#bdf5dc
```
#bdf5dc rgb(189,245,220)
```
#bdf5e0
```
#bdf5e0 rgb(189,245,224)
```
#bdf5e5
```
#bdf5e5 rgb(189,245,229)
```

Similar Colors

Text with hexadecimal color #bdf5d7

This text has a font color of #bdf5d7.

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

#bdf5d7 background color

This paragraph has a background color of #bdf5d7.

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

#bdf5d7 border color

This element has a border color of #bdf5d7.

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

CSS codes

.text {color:#bdf5d7;}

.background {background-color:#bdf5d7;}

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

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)
```
#03130a
```
#03130a rgb(3,19,10)
```
#052414
```
#052414 rgb(5,36,20)
```
#08351d
```
#08351d rgb(8,53,29)
```
#0b4626
```
#0b4626 rgb(11,70,38)
```
#0d5730
```
#0d5730 rgb(13,87,48)
```
#106839
```
#106839 rgb(16,104,57)
```
#127942
```
#127942 rgb(18,121,66)
```
#158a4b
```
#158a4b rgb(21,138,75)
```
#189b55
```
#189b55 rgb(24,155,85)
```
#1aac5e
```
#1aac5e rgb(26,172,94)
```
#1dbe67
```
#1dbe67 rgb(29,190,103)
```
#1fcf71
```
#1fcf71 rgb(31,207,113)
```

Shade Color Variation

#24de7a
```
#24de7a rgb(36,222,122)
```
#35e084
```
#35e084 rgb(53,224,132)
```
#46e38f
```
#46e38f rgb(70,227,143)
```
#57e699
```
#57e699 rgb(87,230,153)
```
#68e8a3
```
#68e8a3 rgb(104,232,163)
```
#79ebae
```
#79ebae rgb(121,235,174)
```
#8aedb8
```
#8aedb8 rgb(138,237,184)
```
#9bf0c2
```
#9bf0c2 rgb(155,240,194)
```
#acf2cd
```
#acf2cd rgb(172,242,205)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#cef8e1
```
#cef8e1 rgb(206,248,225)
```
#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 #b4fed6 is the most saturated one.

#d7dbd9
```
#d7dbd9 rgb(215,219,217)
```
#d4ded9
```
#d4ded9 rgb(212,222,217)
```
#d1e1d8
```
#d1e1d8 rgb(209,225,216)
```
#cfe3d8
```
#cfe3d8 rgb(207,227,216)
```
#cce6d8
```
#cce6d8 rgb(204,230,216)
```
#c9e9d8
```
#c9e9d8 rgb(201,233,216)
```
#c6ecd8
```
#c6ecd8 rgb(198,236,216)
```
#c3efd7
```
#c3efd7 rgb(195,239,215)
```
#c0f2d7
```
#c0f2d7 rgb(192,242,215)
```
#bdf5d7
```
#bdf5d7 rgb(189,245,215)
```
#baf8d7
```
#baf8d7 rgb(186,248,215)
```
#b7fbd7
```
#b7fbd7 rgb(183,251,215)
```
#b4fed6
```
#b4fed6 rgb(180,254,214)
```

Tone Color Variation

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

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

Trichromacy

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

#bdf5d7 hex color

#bdf5d7 Color Information

#bdf5d7 Color Conversion

Color Schemes with #bdf5d7

Alternatives to #bdf5d7

#bdf5d7 Preview

Shades and Tints of #bdf5d7

Tones of #bdf5d7

Color Blindness Simulator