#bdf2d4 hex color

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

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

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

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

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

CIE-LAB	91.268, -22.709, 8.991
XYZ	64.619, 79.075, 74.142
xyY	0.297, 0.363, 79.075
CIE-LCH	91.268, 24.424, 158.399
CIE-LUV	91.268, -26.558, 17.506
Hunter-Lab	88.924, -25.905, 12.813
Binary	10111101, 11110010, 11010100

#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#f2bddb
```
#f2bddb rgb(242,189,219)
```

Complementary Color

#c1f2bd
```
#c1f2bd rgb(193,242,189)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#bdf2ef
```
#bdf2ef rgb(189,242,239)
```

Analogous Color

#f2bdc1
```
#f2bdc1 rgb(242,189,193)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#efbdf2
```
#efbdf2 rgb(239,189,242)
```

Split Complementary Color

#f2d4bd
```
#f2d4bd rgb(242,212,189)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#d4bdf2
```
#d4bdf2 rgb(212,189,242)
```

Triadic Color

#dbf2bd
```
#dbf2bd rgb(219,242,189)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#d4bdf2
```
#d4bdf2 rgb(212,189,242)
```
#f2bddb
```
#f2bddb rgb(242,189,219)
```

Tetradic Color

#7de5aa
```
#7de5aa rgb(125,229,170)
```
#92eab8
```
#92eab8 rgb(146,234,184)
```
#a8eec6
```
#a8eec6 rgb(168,238,198)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#d2f6e2
```
#d2f6e2 rgb(210,246,226)
```
#e8faf0
```
#e8faf0 rgb(232,250,240)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Monochromatic Color

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

#bdf2c7
```
#bdf2c7 rgb(189,242,199)
```
#bdf2cb
```
#bdf2cb rgb(189,242,203)
```
#bdf2d0
```
#bdf2d0 rgb(189,242,208)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#bdf2d8
```
#bdf2d8 rgb(189,242,216)
```
#bdf2dd
```
#bdf2dd rgb(189,242,221)
```
#bdf2e1
```
#bdf2e1 rgb(189,242,225)
```

Similar Colors

Text with hexadecimal color #bdf2d4

This text has a font color of #bdf2d4.

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

#bdf2d4 background color

This paragraph has a background color of #bdf2d4.

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

#bdf2d4 border color

This element has a border color of #bdf2d4.

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

CSS codes

.text {color:#bdf2d4;}

.background {background-color:#bdf2d4;}

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

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)
```
#10512c
```
#10512c rgb(16,81,44)
```
#136235
```
#136235 rgb(19,98,53)
```
#17723e
```
#17723e rgb(23,114,62)
```
#1a8347
```
#1a8347 rgb(26,131,71)
```
#1d9350
```
#1d9350 rgb(29,147,80)
```
#20a359
```
#20a359 rgb(32,163,89)
```
#23b462
```
#23b462 rgb(35,180,98)
```
#27c46b
```
#27c46b rgb(39,196,107)
```
#2ad574
```
#2ad574 rgb(42,213,116)
```

Shade Color Variation

#3ad87f
```
#3ad87f rgb(58,216,127)
```
#4adb89
```
#4adb89 rgb(74,219,137)
```
#5bdf94
```
#5bdf94 rgb(91,223,148)
```
#6be29f
```
#6be29f rgb(107,226,159)
```
#7be5a9
```
#7be5a9 rgb(123,229,169)
```
#8ce8b4
```
#8ce8b4 rgb(140,232,180)
```
#9cecbf
```
#9cecbf rgb(156,236,191)
```
#adefc9
```
#adefc9 rgb(173,239,201)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#cdf5df
```
#cdf5df rgb(205,245,223)
```
#def8e9
```
#def8e9 rgb(222,248,233)
```
#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 #b1fed2 is the most saturated one.

#d5dad7
```
#d5dad7 rgb(213,218,215)
```
#d2ddd7
```
#d2ddd7 rgb(210,221,215)
```
#cfe0d6
```
#cfe0d6 rgb(207,224,214)
```
#cce3d6
```
#cce3d6 rgb(204,227,214)
```
#c9e6d6
```
#c9e6d6 rgb(201,230,214)
```
#c6e9d5
```
#c6e9d5 rgb(198,233,213)
```
#c3ecd5
```
#c3ecd5 rgb(195,236,213)
```
#c0efd4
```
#c0efd4 rgb(192,239,212)
```
#bdf2d4
```
#bdf2d4 rgb(189,242,212)
```
#baf5d4
```
#baf5d4 rgb(186,245,212)
```
#b7f8d3
```
#b7f8d3 rgb(183,248,211)
```
#b4fbd3
```
#b4fbd3 rgb(180,251,211)
```
#b1fed2
```
#b1fed2 rgb(177,254,210)
```

Tone Color Variation

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

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

Trichromacy

#ddead1 Protanomaly 1% of men, 0.01% of women
#e7e6d9 Deuteranomaly 6% of men, 0.4% of women
#c4eeee Tritanomaly 0.01% of the population

#bdf2d4 hex color

#bdf2d4 Color Information

#bdf2d4 Color Conversion

Color Schemes with #bdf2d4

Alternatives to #bdf2d4

#bdf2d4 Preview

Shades and Tints of #bdf2d4

Tones of #bdf2d4

Color Blindness Simulator