#bdf5d4 hex color

In a RGB color space, hex #bdf5d4 is composed of 74.1% red, 96.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 13.5% yellow and 3.9% black. It has a hue angle of 144.6 degrees, a saturation of 73.7% and a lightness of 85.1%. #bdf5d4 color hex could be obtained by blending #ffffff with #7beba9. 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

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

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

Hex triplet	bdf5d4	`#bdf5d4`
RGB Decimal	189, 245, 212	`rgb(189,245,212)`
RGB Percent	74.1, 96.1, 83.1	`rgb(74.1%,96.1%,83.1%)`
CMYK	23, 0, 13, 4
HSL	144.6°, 73.7, 85.1	`hsl(144.6,73.7%,85.1%)`
HSV (or HSB)	144.6°, 22.9, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.076, -24.159, 10.147
XYZ	65.519, 80.875, 74.442
xyY	0.297, 0.366, 80.875
CIE-LCH	92.076, 26.204, 157.217
CIE-LUV	92.076, -27.951, 19.484
Hunter-Lab	89.931, -27.332, 13.873
Binary	10111101, 11110101, 11010100

#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#f5bdde
```
#f5bdde rgb(245,189,222)
```

Complementary Color

#c2f5bd
```
#c2f5bd rgb(194,245,189)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#bdf5f0
```
#bdf5f0 rgb(189,245,240)
```

Analogous Color

#f5bdc2
```
#f5bdc2 rgb(245,189,194)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#f0bdf5
```
#f0bdf5 rgb(240,189,245)
```

Split Complementary Color

#f5d4bd
```
#f5d4bd rgb(245,212,189)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#d4bdf5
```
#d4bdf5 rgb(212,189,245)
```

Triadic Color

#def5bd
```
#def5bd rgb(222,245,189)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#d4bdf5
```
#d4bdf5 rgb(212,189,245)
```
#f5bdde
```
#f5bdde rgb(245,189,222)
```

Tetradic Color

#7beba9
```
#7beba9 rgb(123,235,169)
```
#91eeb7
```
#91eeb7 rgb(145,238,183)
```
#a7f2c6
```
#a7f2c6 rgb(167,242,198)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#d3f8e2
```
#d3f8e2 rgb(211,248,226)
```
#e9fcf1
```
#e9fcf1 rgb(233,252,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf5c6
```
#bdf5c6 rgb(189,245,198)
```
#bdf5cb
```
#bdf5cb rgb(189,245,203)
```
#bdf5cf
```
#bdf5cf rgb(189,245,207)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#bdf5d9
```
#bdf5d9 rgb(189,245,217)
```
#bdf5dd
```
#bdf5dd rgb(189,245,221)
```
#bdf5e2
```
#bdf5e2 rgb(189,245,226)
```

Similar Colors

Text with hexadecimal color #bdf5d4

This text has a font color of #bdf5d4.

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

#bdf5d4 background color

This paragraph has a background color of #bdf5d4.

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

#bdf5d4 border color

This element has a border color of #bdf5d4.

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

CSS codes

.text {color:#bdf5d4;}

.background {background-color:#bdf5d4;}

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

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

#000201
```
#000201 rgb(0,2,1)
```
#03130a
```
#03130a rgb(3,19,10)
```
#052412
```
#052412 rgb(5,36,18)
```
#08351b
```
#08351b rgb(8,53,27)
```
#0b4623
```
#0b4623 rgb(11,70,35)
```
#0d572c
```
#0d572c rgb(13,87,44)
```
#106834
```
#106834 rgb(16,104,52)
```
#12793d
```
#12793d rgb(18,121,61)
```
#158a45
```
#158a45 rgb(21,138,69)
```
#189b4e
```
#189b4e rgb(24,155,78)
```
#1aac56
```
#1aac56 rgb(26,172,86)
```
#1dbe5f
```
#1dbe5f rgb(29,190,95)
```
#1fcf67
```
#1fcf67 rgb(31,207,103)
```

Shade Color Variation

#24de70
```
#24de70 rgb(36,222,112)
```
#35e07b
```
#35e07b rgb(53,224,123)
```
#46e386
```
#46e386 rgb(70,227,134)
```
#57e691
```
#57e691 rgb(87,230,145)
```
#68e89d
```
#68e89d rgb(104,232,157)
```
#79eba8
```
#79eba8 rgb(121,235,168)
```
#8aedb3
```
#8aedb3 rgb(138,237,179)
```
#9bf0be
```
#9bf0be rgb(155,240,190)
```
#acf2c9
```
#acf2c9 rgb(172,242,201)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#cef8df
```
#cef8df rgb(206,248,223)
```
#dffaea
```
#dffaea rgb(223,250,234)
```
#f0fdf5
```
#f0fdf5 rgb(240,253,245)
```

Tint Color Variation

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

#d7dbd9
```
#d7dbd9 rgb(215,219,217)
```
#d4ded8
```
#d4ded8 rgb(212,222,216)
```
#d1e1d8
```
#d1e1d8 rgb(209,225,216)
```
#cfe3d7
```
#cfe3d7 rgb(207,227,215)
```
#cce6d7
```
#cce6d7 rgb(204,230,215)
```
#c9e9d6
```
#c9e9d6 rgb(201,233,214)
```
#c6ecd6
```
#c6ecd6 rgb(198,236,214)
```
#c3efd5
```
#c3efd5 rgb(195,239,213)
```
#c0f2d5
```
#c0f2d5 rgb(192,242,213)
```
#bdf5d4
```
#bdf5d4 rgb(189,245,212)
```
#baf8d3
```
#baf8d3 rgb(186,248,211)
```
#b7fbd3
```
#b7fbd3 rgb(183,251,211)
```
#b4fed2
```
#b4fed2 rgb(180,254,210)
```

Tone Color Variation

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

#f3e8d0 Protanopia 1% of men
#ffe3df Deuteranopia 1% of men
#cceeff Tritanopia 0.001% of the population

Trichromacy

#dfedd1 Protanomaly 1% of men, 0.01% of women
#e7e9db Deuteranomaly 6% of men, 0.4% of women
#c6f1ef Tritanomaly 0.01% of the population

#bdf5d4 hex color

#bdf5d4 Color Information

#bdf5d4 Color Conversion

Color Schemes with #bdf5d4

Alternatives to #bdf5d4

#bdf5d4 Preview

Shades and Tints of #bdf5d4

Tones of #bdf5d4

Color Blindness Simulator