#bdf7d4 hex color

In a RGB color space, hex #bdf7d4 is composed of 74.1% red, 96.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 14.2% yellow and 3.1% black. It has a hue angle of 143.8 degrees, a saturation of 78.4% and a lightness of 85.5%. #bdf7d4 color hex could be obtained by blending #ffffff with #7befa9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 97
- B 83
RGB color chart
- C 23
- M 0
- Y 14
- K 3
CMYK color chart

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

The hexadecimal color #bdf7d4 has RGB values of R:189, G:247, B:212 and CMYK values of C:0.23, M:0, Y:0.14, K:0.03. Its decimal value is 12449748.

Hex triplet	bdf7d4	`#bdf7d4`
RGB Decimal	189, 247, 212	`rgb(189,247,212)`
RGB Percent	74.1, 96.9, 83.1	`rgb(74.1%,96.9%,83.1%)`
CMYK	23, 0, 14, 3
HSL	143.8°, 78.4, 85.5	`hsl(143.8,78.4%,85.5%)`
HSV (or HSB)	143.8°, 23.5, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.615, -25.121, 10.917
XYZ	66.128, 82.092, 74.645
xyY	0.297, 0.368, 82.092
CIE-LCH	92.615, 27.391, 156.511
CIE-LUV	92.615, -28.877, 20.798
Hunter-Lab	90.605, -28.28, 14.577
Binary	10111101, 11110111, 11010100

#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#f7bde0
```
#f7bde0 rgb(247,189,224)
```

Complementary Color

#c3f7bd
```
#c3f7bd rgb(195,247,189)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#bdf7f1
```
#bdf7f1 rgb(189,247,241)
```

Analogous Color

#f7bdc3
```
#f7bdc3 rgb(247,189,195)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#f1bdf7
```
#f1bdf7 rgb(241,189,247)
```

Split Complementary Color

#f7d4bd
```
#f7d4bd rgb(247,212,189)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#d4bdf7
```
#d4bdf7 rgb(212,189,247)
```

Triadic Color

#e0f7bd
```
#e0f7bd rgb(224,247,189)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#d4bdf7
```
#d4bdf7 rgb(212,189,247)
```
#f7bde0
```
#f7bde0 rgb(247,189,224)
```

Tetradic Color

#79efa8
```
#79efa8 rgb(121,239,168)
```
#90f1b6
```
#90f1b6 rgb(144,241,182)
```
#a6f4c5
```
#a6f4c5 rgb(166,244,197)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#d4fae3
```
#d4fae3 rgb(212,250,227)
```
#eafdf2
```
#eafdf2 rgb(234,253,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf7c6
```
#bdf7c6 rgb(189,247,198)
```
#bdf7ca
```
#bdf7ca rgb(189,247,202)
```
#bdf7cf
```
#bdf7cf rgb(189,247,207)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#bdf7d9
```
#bdf7d9 rgb(189,247,217)
```
#bdf7de
```
#bdf7de rgb(189,247,222)
```
#bdf7e3
```
#bdf7e3 rgb(189,247,227)
```

Similar Colors

Text with hexadecimal color #bdf7d4

This text has a font color of #bdf7d4.

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

#bdf7d4 background color

This paragraph has a background color of #bdf7d4.

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

#bdf7d4 border color

This element has a border color of #bdf7d4.

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

CSS codes

.text {color:#bdf7d4;}

.background {background-color:#bdf7d4;}

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

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

#000402
```
#000402 rgb(0,4,2)
```
#03150a
```
#03150a rgb(3,21,10)
```
#052712
```
#052712 rgb(5,39,18)
```
#07381b
```
#07381b rgb(7,56,27)
```
#094a23
```
#094a23 rgb(9,74,35)
```
#0b5b2b
```
#0b5b2b rgb(11,91,43)
```
#0d6d33
```
#0d6d33 rgb(13,109,51)
```
#0f7e3b
```
#0f7e3b rgb(15,126,59)
```
#119044
```
#119044 rgb(17,144,68)
```
#14a14c
```
#14a14c rgb(20,161,76)
```
#16b354
```
#16b354 rgb(22,179,84)
```
#18c45c
```
#18c45c rgb(24,196,92)
```
#1ad664
```
#1ad664 rgb(26,214,100)
```

Shade Color Variation

#20e46d
```
#20e46d rgb(32,228,109)
```
#31e679
```
#31e679 rgb(49,230,121)
```
#43e884
```
#43e884 rgb(67,232,132)
```
#54ea90
```
#54ea90 rgb(84,234,144)
```
#66ec9b
```
#66ec9b rgb(102,236,155)
```
#77efa6
```
#77efa6 rgb(119,239,166)
```
#89f1b2
```
#89f1b2 rgb(137,241,178)
```
#9af3bd
```
#9af3bd rgb(154,243,189)
```
#acf5c9
```
#acf5c9 rgb(172,245,201)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#cef9df
```
#cef9df rgb(206,249,223)
```
#e0fbeb
```
#e0fbeb rgb(224,251,235)
```
#f1fdf6
```
#f1fdf6 rgb(241,253,246)
```

Tint Color Variation

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

#d9dbda
```
#d9dbda rgb(217,219,218)
```
#d7ddd9
```
#d7ddd9 rgb(215,221,217)
```
#d4e0d9
```
#d4e0d9 rgb(212,224,217)
```
#d1e3d8
```
#d1e3d8 rgb(209,227,216)
```
#cee6d8
```
#cee6d8 rgb(206,230,216)
```
#cbe9d7
```
#cbe9d7 rgb(203,233,215)
```
#c8ecd6
```
#c8ecd6 rgb(200,236,214)
```
#c6eed6
```
#c6eed6 rgb(198,238,214)
```
#c3f1d5
```
#c3f1d5 rgb(195,241,213)
```
#c0f4d5
```
#c0f4d5 rgb(192,244,213)
```
#bdf7d4
```
#bdf7d4 rgb(189,247,212)
```
#bafad3
```
#bafad3 rgb(186,250,211)
```
#b7fdd3
```
#b7fdd3 rgb(183,253,211)
```

Tone Color Variation

Below, you can see how #bdf7d4 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
#dbe6df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5eacf Protanopia 1% of men
#ffe5e0 Deuteranopia 1% of men
#cff0ff Tritanopia 0.001% of the population

Trichromacy

#e0eed1 Protanomaly 1% of men, 0.01% of women
#e7ebdc Deuteranomaly 6% of men, 0.4% of women
#c8f2ef Tritanomaly 0.01% of the population

#bdf7d4 hex color

#bdf7d4 Color Information

#bdf7d4 Color Conversion

Color Schemes with #bdf7d4

Alternatives to #bdf7d4

#bdf7d4 Preview

Shades and Tints of #bdf7d4

Tones of #bdf7d4

Color Blindness Simulator