#bdf8d7 hex color

In a RGB color space, hex #bdf8d7 is composed of 74.1% red, 97.3% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 13.3% yellow and 2.7% black. It has a hue angle of 146.4 degrees, a saturation of 80.8% and a lightness of 85.7%. #bdf8d7 color hex could be obtained by blending #ffffff with #7bf1af. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 97
- B 84
RGB color chart
- C 24
- M 0
- Y 13
- K 3
CMYK color chart

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

The hexadecimal color #bdf8d7 has RGB values of R:189, G:248, B:215 and CMYK values of C:0.24, M:0, Y:0.13, K:0.03. Its decimal value is 12450007.

Hex triplet	bdf8d7	`#bdf8d7`
RGB Decimal	189, 248, 215	`rgb(189,248,215)`
RGB Percent	74.1, 97.3, 84.3	`rgb(74.1%,97.3%,84.3%)`
CMYK	24, 0, 13, 3
HSL	146.4°, 80.8, 85.7	`hsl(146.4,80.8%,85.7%)`
HSV (or HSB)	146.4°, 23.8, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.952, -25.04, 9.849
XYZ	66.816, 82.858, 76.759
xyY	0.295, 0.366, 82.858
CIE-LCH	92.952, 26.907, 158.529
CIE-LUV	92.952, -29.348, 19.226
Hunter-Lab	91.026, -28.271, 13.721
Binary	10111101, 11111000, 11010111

#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#f8bdde
```
#f8bdde rgb(248,189,222)
```

Complementary Color

#c1f8bd
```
#c1f8bd rgb(193,248,189)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#bdf8f5
```
#bdf8f5 rgb(189,248,245)
```

Analogous Color

#f8bdc1
```
#f8bdc1 rgb(248,189,193)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#f5bdf8
```
#f5bdf8 rgb(245,189,248)
```

Split Complementary Color

#f8d7bd
```
#f8d7bd rgb(248,215,189)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#d7bdf8
```
#d7bdf8 rgb(215,189,248)
```

Triadic Color

#def8bd
```
#def8bd rgb(222,248,189)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#d7bdf8
```
#d7bdf8 rgb(215,189,248)
```
#f8bdde
```
#f8bdde rgb(248,189,222)
```

Tetradic Color

#78f1ad
```
#78f1ad rgb(120,241,173)
```
#8ff3bb
```
#8ff3bb rgb(143,243,187)
```
#a6f6c9
```
#a6f6c9 rgb(166,246,201)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#d4fae5
```
#d4fae5 rgb(212,250,229)
```
#ebfdf3
```
#ebfdf3 rgb(235,253,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf8c8
```
#bdf8c8 rgb(189,248,200)
```
#bdf8cd
```
#bdf8cd rgb(189,248,205)
```
#bdf8d2
```
#bdf8d2 rgb(189,248,210)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#bdf8dc
```
#bdf8dc rgb(189,248,220)
```
#bdf8e1
```
#bdf8e1 rgb(189,248,225)
```
#bdf8e6
```
#bdf8e6 rgb(189,248,230)
```

Similar Colors

Text with hexadecimal color #bdf8d7

This text has a font color of #bdf8d7.

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

#bdf8d7 background color

This paragraph has a background color of #bdf8d7.

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

#bdf8d7 border color

This element has a border color of #bdf8d7.

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

CSS codes

.text {color:#bdf8d7;}

.background {background-color:#bdf8d7;}

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

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

#010502
```
#010502 rgb(1,5,2)
```
#02170b
```
#02170b rgb(2,23,11)
```
#042814
```
#042814 rgb(4,40,20)
```
#063a1d
```
#063a1d rgb(6,58,29)
```
#084c26
```
#084c26 rgb(8,76,38)
```
#0a5e2f
```
#0a5e2f rgb(10,94,47)
```
#0c6f38
```
#0c6f38 rgb(12,111,56)
```
#0e8141
```
#0e8141 rgb(14,129,65)
```
#109349
```
#109349 rgb(16,147,73)
```
#11a552
```
#11a552 rgb(17,165,82)
```
#13b65b
```
#13b65b rgb(19,182,91)
```
#15c864
```
#15c864 rgb(21,200,100)
```
#17da6d
```
#17da6d rgb(23,218,109)
```

Shade Color Variation

#1de776
```
#1de776 rgb(29,231,118)
```
#2fe981
```
#2fe981 rgb(47,233,129)
```
#41eb8c
```
#41eb8c rgb(65,235,140)
```
#53ed97
```
#53ed97 rgb(83,237,151)
```
#64efa1
```
#64efa1 rgb(100,239,161)
```
#76f0ac
```
#76f0ac rgb(118,240,172)
```
#88f2b7
```
#88f2b7 rgb(136,242,183)
```
#9af4c2
```
#9af4c2 rgb(154,244,194)
```
#abf6cc
```
#abf6cc rgb(171,246,204)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#cffae2
```
#cffae2 rgb(207,250,226)
```
#e0fcec
```
#e0fcec rgb(224,252,236)
```
#f2fef7
```
#f2fef7 rgb(242,254,247)
```

Tint Color Variation

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

#d9dcda
```
#d9dcda rgb(217,220,218)
```
#d6dfda
```
#d6dfda rgb(214,223,218)
```
#d3e2da
```
#d3e2da rgb(211,226,218)
```
#d1e4d9
```
#d1e4d9 rgb(209,228,217)
```
#cee7d9
```
#cee7d9 rgb(206,231,217)
```
#cbead9
```
#cbead9 rgb(203,234,217)
```
#c8edd8
```
#c8edd8 rgb(200,237,216)
```
#c5f0d8
```
#c5f0d8 rgb(197,240,216)
```
#c3f2d8
```
#c3f2d8 rgb(195,242,216)
```
#c0f5d7
```
#c0f5d7 rgb(192,245,215)
```
#bdf8d7
```
#bdf8d7 rgb(189,248,215)
```
#bafbd7
```
#bafbd7 rgb(186,251,215)
```
#b7fed6
```
#b7fed6 rgb(183,254,214)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dbe7e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ebd2 Protanopia 1% of men
#ffe6e3 Deuteranopia 1% of men
#d1f0ff Tritanopia 0.001% of the population

Trichromacy

#e1efd4 Protanomaly 1% of men, 0.01% of women
#e7ecde Deuteranomaly 6% of men, 0.4% of women
#caf3f0 Tritanomaly 0.01% of the population

#bdf8d7 hex color

#bdf8d7 Color Information

#bdf8d7 Color Conversion

Color Schemes with #bdf8d7

Alternatives to #bdf8d7

#bdf8d7 Preview

Shades and Tints of #bdf8d7

Tones of #bdf8d7

Color Blindness Simulator