#bdffd3 hex color

In a RGB color space, hex #bdffd3 is composed of 74.1% red, 100% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 17.3% yellow and 0% black. It has a hue angle of 140 degrees, a saturation of 100% and a lightness of 87.1%. #bdffd3 color hex could be obtained by blending #ffffff with #7bffa7. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 100
- B 83
RGB color chart
- C 26
- M 0
- Y 17
- K 0
CMYK color chart

● #bdffd3 color description : Pale cyan - lime green.

The hexadecimal color #bdffd3 has RGB values of R:189, G:255, B:211 and CMYK values of C:0.26, M:0, Y:0.17, K:0. Its decimal value is 12451795.

Hex triplet	bdffd3	`#bdffd3`
RGB Decimal	189, 255, 211	`rgb(189,255,211)`
RGB Percent	74.1, 100, 82.7	`rgb(74.1%,100%,82.7%)`
CMYK	26, 0, 17, 0
HSL	140°, 100, 87.1	`hsl(140,100%,87.1%)`
HSV (or HSB)	140°, 25.9, 100
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.755, -29.106, 14.472
XYZ	68.501, 87.04, 74.816
xyY	0.297, 0.378, 87.04
CIE-LCH	94.755, 32.505, 153.562
CIE-LUV	94.755, -32.559, 26.741
Hunter-Lab	93.295, -32.205, 17.76
Binary	10111101, 11111111, 11010011

#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#ffbde9
```
#ffbde9 rgb(255,189,233)
```

Complementary Color

#c8ffbd
```
#c8ffbd rgb(200,255,189)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#bdfff4
```
#bdfff4 rgb(189,255,244)
```

Analogous Color

#ffbdc8
```
#ffbdc8 rgb(255,189,200)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#f4bdff
```
#f4bdff rgb(244,189,255)
```

Split Complementary Color

#ffd3bd
```
#ffd3bd rgb(255,211,189)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#d3bdff
```
#d3bdff rgb(211,189,255)
```

Triadic Color

#e9ffbd
```
#e9ffbd rgb(233,255,189)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#d3bdff
```
#d3bdff rgb(211,189,255)
```
#ffbde9
```
#ffbde9 rgb(255,189,233)
```

Tetradic Color

#71ffa0
```
#71ffa0 rgb(113,255,160)
```
#8affb1
```
#8affb1 rgb(138,255,177)
```
#a4ffc2
```
#a4ffc2 rgb(164,255,194)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#d7ffe4
```
#d7ffe4 rgb(215,255,228)
```
#f0fff5
```
#f0fff5 rgb(240,255,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdffc3
```
#bdffc3 rgb(189,255,195)
```
#bdffc8
```
#bdffc8 rgb(189,255,200)
```
#bdffce
```
#bdffce rgb(189,255,206)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#bdffd9
```
#bdffd9 rgb(189,255,217)
```
#bdffde
```
#bdffde rgb(189,255,222)
```
#bdffe4
```
#bdffe4 rgb(189,255,228)
```

Similar Colors

Text with hexadecimal color #bdffd3

This text has a font color of #bdffd3.

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

#bdffd3 background color

This paragraph has a background color of #bdffd3.

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

#bdffd3 border color

This element has a border color of #bdffd3.

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

CSS codes

.text {color:#bdffd3;}

.background {background-color:#bdffd3;}

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

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, #000c04 is the darkest color, while #f8fffa is the lightest one.

#000c04
```
#000c04 rgb(0,12,4)
```
#00200b
```
#00200b rgb(0,32,11)
```
#003411
```
#003411 rgb(0,52,17)
```
#004718
```
#004718 rgb(0,71,24)
```
#005b1e
```
#005b1e rgb(0,91,30)
```
#006f25
```
#006f25 rgb(0,111,37)
```
#00822b
```
#00822b rgb(0,130,43)
```
#009632
```
#009632 rgb(0,150,50)
```
#00a938
```
#00a938 rgb(0,169,56)
```
#00bd3f
```
#00bd3f rgb(0,189,63)
```
#00d146
```
#00d146 rgb(0,209,70)
```
#00e44c
```
#00e44c rgb(0,228,76)
```
#00f853
```
#00f853 rgb(0,248,83)
```

Shade Color Variation

#0cff5d
```
#0cff5d rgb(12,255,93)
```
#20ff6a
```
#20ff6a rgb(32,255,106)
```
#34ff77
```
#34ff77 rgb(52,255,119)
```
#47ff85
```
#47ff85 rgb(71,255,133)
```
#5bff92
```
#5bff92 rgb(91,255,146)
```
#6fff9f
```
#6fff9f rgb(111,255,159)
```
#82ffac
```
#82ffac rgb(130,255,172)
```
#96ffb9
```
#96ffb9 rgb(150,255,185)
```
#a9ffc6
```
#a9ffc6 rgb(169,255,198)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```
#d1ffe0
```
#d1ffe0 rgb(209,255,224)
```
#e4ffed
```
#e4ffed rgb(228,255,237)
```
#f8fffa
```
#f8fffa rgb(248,255,250)
```

Tint Color Variation

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

#dbe1dd
```
#dbe1dd rgb(219,225,221)
```
#d9e3dc
```
#d9e3dc rgb(217,227,220)
```
#d6e6db
```
#d6e6db rgb(214,230,219)
```
#d4e8db
```
#d4e8db rgb(212,232,219)
```
#d1ebda
```
#d1ebda rgb(209,235,218)
```
#cfedd9
```
#cfedd9 rgb(207,237,217)
```
#ccf0d8
```
#ccf0d8 rgb(204,240,216)
```
#caf2d7
```
#caf2d7 rgb(202,242,215)
```
#c7f5d6
```
#c7f5d6 rgb(199,245,214)
```
#c5f7d6
```
#c5f7d6 rgb(197,247,214)
```
#c2fad5
```
#c2fad5 rgb(194,250,213)
```
#c0fcd4
```
#c0fcd4 rgb(192,252,212)
```
#bdffd3
```
#bdffd3 rgb(189,255,211)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#deebe2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fcf0ce Protanopia 1% of men
#ffede7 Deuteranopia 1% of men
#ddf4ff Tritanopia 0.001% of the population

Trichromacy

#e5f5d0 Protanomaly 1% of men, 0.01% of women
#e7f3e0 Deuteranomaly 6% of men, 0.4% of women
#d1f8ef Tritanomaly 0.01% of the population

#bdffd3 hex color

#bdffd3 Color Information

#bdffd3 Color Conversion

Color Schemes with #bdffd3

Alternatives to #bdffd3

#bdffd3 Preview

Shades and Tints of #bdffd3

Tones of #bdffd3

Color Blindness Simulator