#bdf2d5 hex color

In a RGB color space, hex #bdf2d5 is composed of 74.1% red, 94.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 12% yellow and 5.1% black. It has a hue angle of 147.2 degrees, a saturation of 67.1% and a lightness of 84.5%. #bdf2d5 color hex could be obtained by blending #ffffff with #7be5ab. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 95
- B 84
RGB color chart
- C 22
- M 0
- Y 12
- K 5
CMYK color chart

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

The hexadecimal color #bdf2d5 has RGB values of R:189, G:242, B:213 and CMYK values of C:0.22, M:0, Y:0.12, K:0.05. Its decimal value is 12448469.

Hex triplet	bdf2d5	`#bdf2d5`
RGB Decimal	189, 242, 213	`rgb(189,242,213)`
RGB Percent	74.1, 94.9, 83.5	`rgb(74.1%,94.9%,83.5%)`
CMYK	22, 0, 12, 5
HSL	147.2°, 67.1, 84.5	`hsl(147.2,67.1%,84.5%)`
HSV (or HSB)	147.2°, 21.9, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.291, -22.521, 8.505
XYZ	64.746, 79.125, 74.809
xyY	0.296, 0.362, 79.125
CIE-LCH	91.291, 24.073, 159.31
CIE-LUV	91.291, -26.564, 16.756
Hunter-Lab	88.952, -25.742, 12.404
Binary	10111101, 11110010, 11010101

#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#f2bdda
```
#f2bdda rgb(242,189,218)
```

Complementary Color

#c0f2bd
```
#c0f2bd rgb(192,242,189)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#bdf2f0
```
#bdf2f0 rgb(189,242,240)
```

Analogous Color

#f2bdc0
```
#f2bdc0 rgb(242,189,192)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#f0bdf2
```
#f0bdf2 rgb(240,189,242)
```

Split Complementary Color

#f2d5bd
```
#f2d5bd rgb(242,213,189)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#d5bdf2
```
#d5bdf2 rgb(213,189,242)
```

Triadic Color

#daf2bd
```
#daf2bd rgb(218,242,189)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#d5bdf2
```
#d5bdf2 rgb(213,189,242)
```
#f2bdda
```
#f2bdda rgb(242,189,218)
```

Tetradic Color

#7de5ac
```
#7de5ac rgb(125,229,172)
```
#92eaba
```
#92eaba rgb(146,234,186)
```
#a8eec7
```
#a8eec7 rgb(168,238,199)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#d2f6e3
```
#d2f6e3 rgb(210,246,227)
```
#e8faf0
```
#e8faf0 rgb(232,250,240)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Monochromatic Color

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

#bdf2c8
```
#bdf2c8 rgb(189,242,200)
```
#bdf2cc
```
#bdf2cc rgb(189,242,204)
```
#bdf2d1
```
#bdf2d1 rgb(189,242,209)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#bdf2d9
```
#bdf2d9 rgb(189,242,217)
```
#bdf2de
```
#bdf2de rgb(189,242,222)
```
#bdf2e2
```
#bdf2e2 rgb(189,242,226)
```

Similar Colors

Text with hexadecimal color #bdf2d5

This text has a font color of #bdf2d5.

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

#bdf2d5 background color

This paragraph has a background color of #bdf2d5.

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

#bdf2d5 border color

This element has a border color of #bdf2d5.

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

CSS codes

.text {color:#bdf2d5;}

.background {background-color:#bdf2d5;}

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

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

#031009
```
#031009 rgb(3,16,9)
```
#062012
```
#062012 rgb(6,32,18)
```
#0a311b
```
#0a311b rgb(10,49,27)
```
#0d4124
```
#0d4124 rgb(13,65,36)
```
#10512e
```
#10512e rgb(16,81,46)
```
#136237
```
#136237 rgb(19,98,55)
```
#177240
```
#177240 rgb(23,114,64)
```
#1a8349
```
#1a8349 rgb(26,131,73)
```
#1d9352
```
#1d9352 rgb(29,147,82)
```
#20a35c
```
#20a35c rgb(32,163,92)
```
#23b465
```
#23b465 rgb(35,180,101)
```
#27c46e
```
#27c46e rgb(39,196,110)
```
#2ad577
```
#2ad577 rgb(42,213,119)
```

Shade Color Variation

#3ad882
```
#3ad882 rgb(58,216,130)
```
#4adb8c
```
#4adb8c rgb(74,219,140)
```
#5bdf96
```
#5bdf96 rgb(91,223,150)
```
#6be2a1
```
#6be2a1 rgb(107,226,161)
```
#7be5ab
```
#7be5ab rgb(123,229,171)
```
#8ce8b6
```
#8ce8b6 rgb(140,232,182)
```
#9cecc0
```
#9cecc0 rgb(156,236,192)
```
#adefcb
```
#adefcb rgb(173,239,203)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#cdf5df
```
#cdf5df rgb(205,245,223)
```
#def8ea
```
#def8ea rgb(222,248,234)
```
#eefcf4
```
#eefcf4 rgb(238,252,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5dad7
```
#d5dad7 rgb(213,218,215)
```
#d2ddd7
```
#d2ddd7 rgb(210,221,215)
```
#cfe0d7
```
#cfe0d7 rgb(207,224,215)
```
#cce3d6
```
#cce3d6 rgb(204,227,214)
```
#c9e6d6
```
#c9e6d6 rgb(201,230,214)
```
#c6e9d6
```
#c6e9d6 rgb(198,233,214)
```
#c3ecd6
```
#c3ecd6 rgb(195,236,214)
```
#c0efd5
```
#c0efd5 rgb(192,239,213)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#baf5d5
```
#baf5d5 rgb(186,245,213)
```
#b7f8d4
```
#b7f8d4 rgb(183,248,212)
```
#b4fbd4
```
#b4fbd4 rgb(180,251,212)
```
#b1fed4
```
#b1fed4 rgb(177,254,212)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e3dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e6d1 Protanopia 1% of men
#ffe0dd Deuteranopia 1% of men
#c9ecfd Tritanopia 0.001% of the population

Trichromacy

#ddead2 Protanomaly 1% of men, 0.01% of women
#e7e6da Deuteranomaly 6% of men, 0.4% of women
#c4eeef Tritanomaly 0.01% of the population

#bdf2d5 hex color

#bdf2d5 Color Information

#bdf2d5 Color Conversion

Color Schemes with #bdf2d5

Alternatives to #bdf2d5

#bdf2d5 Preview

Shades and Tints of #bdf2d5

Tones of #bdf2d5

Color Blindness Simulator