#bdf4d4 hex color

In a RGB color space, hex #bdf4d4 is composed of 74.1% red, 95.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 13.1% yellow and 4.3% black. It has a hue angle of 145.1 degrees, a saturation of 71.4% and a lightness of 84.9%. #bdf4d4 color hex could be obtained by blending #ffffff with #7be9a9. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #bdf4d4 has RGB values of R:189, G:244, B:212 and CMYK values of C:0.23, M:0, Y:0.13, K:0.04. Its decimal value is 12448980.

Hex triplet	bdf4d4	`#bdf4d4`
RGB Decimal	189, 244, 212	`rgb(189,244,212)`
RGB Percent	74.1, 95.7, 83.1	`rgb(74.1%,95.7%,83.1%)`
CMYK	23, 0, 13, 4
HSL	145.1°, 71.4, 84.9	`hsl(145.1,71.4%,84.9%)`
HSV (or HSB)	145.1°, 22.5, 95.7
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.807, -23.677, 9.762
XYZ	65.218, 80.272, 74.342
xyY	0.297, 0.365, 80.272
CIE-LCH	91.807, 25.611, 157.593
CIE-LUV	91.807, -27.487, 18.825
Hunter-Lab	89.595, -26.857, 13.52
Binary	10111101, 11110100, 11010100

#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#f4bddd
```
#f4bddd rgb(244,189,221)
```

Complementary Color

#c2f4bd
```
#c2f4bd rgb(194,244,189)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#bdf4f0
```
#bdf4f0 rgb(189,244,240)
```

Analogous Color

#f4bdc2
```
#f4bdc2 rgb(244,189,194)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#f0bdf4
```
#f0bdf4 rgb(240,189,244)
```

Split Complementary Color

#f4d4bd
```
#f4d4bd rgb(244,212,189)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#d4bdf4
```
#d4bdf4 rgb(212,189,244)
```

Triadic Color

#ddf4bd
```
#ddf4bd rgb(221,244,189)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#d4bdf4
```
#d4bdf4 rgb(212,189,244)
```
#f4bddd
```
#f4bddd rgb(244,189,221)
```

Tetradic Color

#7be9a9
```
#7be9a9 rgb(123,233,169)
```
#91edb8
```
#91edb8 rgb(145,237,184)
```
#a7f0c6
```
#a7f0c6 rgb(167,240,198)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#d3f8e2
```
#d3f8e2 rgb(211,248,226)
```
#e9fbf0
```
#e9fbf0 rgb(233,251,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf4c6
```
#bdf4c6 rgb(189,244,198)
```
#bdf4cb
```
#bdf4cb rgb(189,244,203)
```
#bdf4cf
```
#bdf4cf rgb(189,244,207)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#bdf4d9
```
#bdf4d9 rgb(189,244,217)
```
#bdf4dd
```
#bdf4dd rgb(189,244,221)
```
#bdf4e2
```
#bdf4e2 rgb(189,244,226)
```

Similar Colors

Text with hexadecimal color #bdf4d4

This text has a font color of #bdf4d4.

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

#bdf4d4 background color

This paragraph has a background color of #bdf4d4.

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

#bdf4d4 border color

This element has a border color of #bdf4d4.

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

CSS codes

.text {color:#bdf4d4;}

.background {background-color:#bdf4d4;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031209
```
#031209 rgb(3,18,9)
```
#062312
```
#062312 rgb(6,35,18)
```
#09341b
```
#09341b rgb(9,52,27)
```
#0b4523
```
#0b4523 rgb(11,69,35)
```
#0e552c
```
#0e552c rgb(14,85,44)
```
#116635
```
#116635 rgb(17,102,53)
```
#14773d
```
#14773d rgb(20,119,61)
```
#178846
```
#178846 rgb(23,136,70)
```
#19994f
```
#19994f rgb(25,153,79)
```
#1ca957
```
#1ca957 rgb(28,169,87)
```
#1fba60
```
#1fba60 rgb(31,186,96)
```
#22cb69
```
#22cb69 rgb(34,203,105)
```

Shade Color Variation

#26db71
```
#26db71 rgb(38,219,113)
```
#36de7c
```
#36de7c rgb(54,222,124)
```
#47e087
```
#47e087 rgb(71,224,135)
```
#58e392
```
#58e392 rgb(88,227,146)
```
#69e69d
```
#69e69d rgb(105,230,157)
```
#7ae9a8
```
#7ae9a8 rgb(122,233,168)
```
#8becb3
```
#8becb3 rgb(139,236,179)
```
#9beebe
```
#9beebe rgb(155,238,190)
```
#acf1c9
```
#acf1c9 rgb(172,241,201)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#cef7df
```
#cef7df rgb(206,247,223)
```
#dffaea
```
#dffaea rgb(223,250,234)
```
#effcf5
```
#effcf5 rgb(239,252,245)
```

Tint Color Variation

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

#d8d9d8
```
#d8d9d8 rgb(216,217,216)
```
#d5dcd8
```
#d5dcd8 rgb(213,220,216)
```
#d2dfd7
```
#d2dfd7 rgb(210,223,215)
```
#cfe2d7
```
#cfe2d7 rgb(207,226,215)
```
#cce5d6
```
#cce5d6 rgb(204,229,214)
```
#c9e8d6
```
#c9e8d6 rgb(201,232,214)
```
#c6ebd5
```
#c6ebd5 rgb(198,235,213)
```
#c3eed5
```
#c3eed5 rgb(195,238,213)
```
#c0f1d4
```
#c0f1d4 rgb(192,241,212)
```
#bdf4d4
```
#bdf4d4 rgb(189,244,212)
```
#baf7d4
```
#baf7d4 rgb(186,247,212)
```
#b7fad3
```
#b7fad3 rgb(183,250,211)
```
#b4fdd3
```
#b4fdd3 rgb(180,253,211)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d9e4de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e7d0 Protanopia 1% of men
#ffe2de Deuteranopia 1% of men
#caeeff Tritanopia 0.001% of the population

Trichromacy

#dfecd1 Protanomaly 1% of men, 0.01% of women
#e7e8da Deuteranomaly 6% of men, 0.4% of women
#c5f0ef Tritanomaly 0.01% of the population

#bdf4d4 hex color

#bdf4d4 Color Information

#bdf4d4 Color Conversion

Color Schemes with #bdf4d4

Alternatives to #bdf4d4

#bdf4d4 Preview

Shades and Tints of #bdf4d4

Tones of #bdf4d4

Color Blindness Simulator