#bdf8bf hex color

In a RGB color space, hex #bdf8bf is composed of 74.1% red, 97.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 23% yellow and 2.7% black. It has a hue angle of 122 degrees, a saturation of 80.8% and a lightness of 85.7%. #bdf8bf color hex could be obtained by blending #ffffff with #7bf17f. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 97
- B 75
RGB color chart
- C 24
- M 0
- Y 23
- K 3
CMYK color chart

● #bdf8bf color description : Very soft lime green.

The hexadecimal color #bdf8bf has RGB values of R:189, G:248, B:191 and CMYK values of C:0.24, M:0, Y:0.23, K:0.03. Its decimal value is 12449983.

Hex triplet	bdf8bf	`#bdf8bf`
RGB Decimal	189, 248, 191	`rgb(189,248,191)`
RGB Percent	74.1, 97.3, 74.9	`rgb(74.1%,97.3%,74.9%)`
CMYK	24, 0, 23, 3
HSL	122°, 80.8, 85.7	`hsl(122,80.8%,85.7%)`
HSV (or HSB)	122°, 23.8, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.448, -29.307, 21.486
XYZ	63.955, 81.713, 61.69
xyY	0.308, 0.394, 81.713
CIE-LCH	92.448, 36.339, 143.753
CIE-LUV	92.448, -29.289, 36.471
Hunter-Lab	90.395, -31.903, 22.815
Binary	10111101, 11111000, 10111111

#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#f8bdf6
```
#f8bdf6 rgb(248,189,246)
```

Complementary Color

#d9f8bd
```
#d9f8bd rgb(217,248,189)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#bdf8dd
```
#bdf8dd rgb(189,248,221)
```

Analogous Color

#f8bdd9
```
#f8bdd9 rgb(248,189,217)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#ddbdf8
```
#ddbdf8 rgb(221,189,248)
```

Split Complementary Color

#f8bfbd
```
#f8bfbd rgb(248,191,189)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#bfbdf8
```
#bfbdf8 rgb(191,189,248)
```

Triadic Color

#f6f8bd
```
#f6f8bd rgb(246,248,189)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#bfbdf8
```
#bfbdf8 rgb(191,189,248)
```
#f8bdf6
```
#f8bdf6 rgb(248,189,246)
```

Tetradic Color

#78f17c
```
#78f17c rgb(120,241,124)
```
#8ff392
```
#8ff392 rgb(143,243,146)
```
#a6f6a9
```
#a6f6a9 rgb(166,246,169)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#d4fad5
```
#d4fad5 rgb(212,250,213)
```
#ebfdec
```
#ebfdec rgb(235,253,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf8bd
```
#caf8bd rgb(202,248,189)
```
#c5f8bd
```
#c5f8bd rgb(197,248,189)
```
#c0f8bd
```
#c0f8bd rgb(192,248,189)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#bdf8c4
```
#bdf8c4 rgb(189,248,196)
```
#bdf8c9
```
#bdf8c9 rgb(189,248,201)
```
#bdf8ce
```
#bdf8ce rgb(189,248,206)
```

Similar Colors

Text with hexadecimal color #bdf8bf

This text has a font color of #bdf8bf.

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

#bdf8bf background color

This paragraph has a background color of #bdf8bf.

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

#bdf8bf border color

This element has a border color of #bdf8bf.

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

CSS codes

.text {color:#bdf8bf;}

.background {background-color:#bdf8bf;}

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

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

#010501
```
#010501 rgb(1,5,1)
```
#021703
```
#021703 rgb(2,23,3)
```
#042806
```
#042806 rgb(4,40,6)
```
#063a08
```
#063a08 rgb(6,58,8)
```
#084c0a
```
#084c0a rgb(8,76,10)
```
#0a5e0d
```
#0a5e0d rgb(10,94,13)
```
#0c6f0f
```
#0c6f0f rgb(12,111,15)
```
#0e8112
```
#0e8112 rgb(14,129,18)
```
#109314
```
#109314 rgb(16,147,20)
```
#11a516
```
#11a516 rgb(17,165,22)
```
#13b619
```
#13b619 rgb(19,182,25)
```
#15c81b
```
#15c81b rgb(21,200,27)
```
#17da1e
```
#17da1e rgb(23,218,30)
```

Shade Color Variation

#1de724
```
#1de724 rgb(29,231,36)
```
#2fe935
```
#2fe935 rgb(47,233,53)
```
#41eb47
```
#41eb47 rgb(65,235,71)
```
#53ed58
```
#53ed58 rgb(83,237,88)
```
#64ef69
```
#64ef69 rgb(100,239,105)
```
#76f07a
```
#76f07a rgb(118,240,122)
```
#88f28b
```
#88f28b rgb(136,242,139)
```
#9af49d
```
#9af49d rgb(154,244,157)
```
#abf6ae
```
#abf6ae rgb(171,246,174)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#cffad0
```
#cffad0 rgb(207,250,208)
```
#e0fce1
```
#e0fce1 rgb(224,252,225)
```
#f2fef3
```
#f2fef3 rgb(242,254,243)
```

Tint Color Variation

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

#d9dcd9
```
#d9dcd9 rgb(217,220,217)
```
#d6dfd7
```
#d6dfd7 rgb(214,223,215)
```
#d3e2d4
```
#d3e2d4 rgb(211,226,212)
```
#d1e4d1
```
#d1e4d1 rgb(209,228,209)
```
#cee7cf
```
#cee7cf rgb(206,231,207)
```
#cbeacc
```
#cbeacc rgb(203,234,204)
```
#c8edc9
```
#c8edc9 rgb(200,237,201)
```
#c5f0c7
```
#c5f0c7 rgb(197,240,199)
```
#c3f2c4
```
#c3f2c4 rgb(195,242,196)
```
#c0f5c2
```
#c0f5c2 rgb(192,245,194)
```
#bdf8bf
```
#bdf8bf rgb(189,248,191)
```
#bafbbc
```
#bafbbc rgb(186,251,188)
```
#b7feba
```
#b7feba rgb(183,254,186)
```

Tone Color Variation

Below, you can see how #bdf8bf 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
#d9e5d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e9bb Protanopia 1% of men
#ffe5d7 Deuteranopia 1% of men
#d0efff Tritanopia 0.001% of the population

Trichromacy

#e3efbd Protanomaly 1% of men, 0.01% of women
#e7ecce Deuteranomaly 6% of men, 0.4% of women
#c9f2e7 Tritanomaly 0.01% of the population

#bdf8bf hex color

#bdf8bf Color Information

#bdf8bf Color Conversion

Color Schemes with #bdf8bf

Alternatives to #bdf8bf

#bdf8bf Preview

Shades and Tints of #bdf8bf

Tones of #bdf8bf

Color Blindness Simulator