#bdf0dc hex color

In a RGB color space, hex #bdf0dc is composed of 74.1% red, 94.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 0% magenta, 8.3% yellow and 5.9% black. It has a hue angle of 156.5 degrees, a saturation of 63% and a lightness of 84.1%. #bdf0dc color hex could be obtained by blending #ffffff with #7be1b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 94
- B 86
RGB color chart
- C 21
- M 0
- Y 8
- K 6
CMYK color chart

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

The hexadecimal color #bdf0dc has RGB values of R:189, G:240, B:220 and CMYK values of C:0.21, M:0, Y:0.08, K:0.06. Its decimal value is 12447964.

Hex triplet	bdf0dc	`#bdf0dc`
RGB Decimal	189, 240, 220	`rgb(189,240,220)`
RGB Percent	74.1, 94.1, 86.3	`rgb(74.1%,94.1%,86.3%)`
CMYK	21, 0, 8, 6
HSL	156.5°, 63, 84.1	`hsl(156.5,63%,84.1%)`
HSV (or HSB)	156.5°, 21.3, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.919, -20.202, 4.33
XYZ	65.061, 78.304, 79.393
xyY	0.292, 0.352, 78.304
CIE-LCH	90.919, 20.66, 167.903
CIE-LUV	90.919, -25.692, 10.101
Hunter-Lab	88.49, -23.616, 8.748
Binary	10111101, 11110000, 11011100

#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#f0bdd1
```
#f0bdd1 rgb(240,189,209)
```

Complementary Color

#bdf0c3
```
#bdf0c3 rgb(189,240,195)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#bdebf0
```
#bdebf0 rgb(189,235,240)
```

Analogous Color

#f0c3bd
```
#f0c3bd rgb(240,195,189)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#f0bdeb
```
#f0bdeb rgb(240,189,235)
```

Split Complementary Color

#f0dcbd
```
#f0dcbd rgb(240,220,189)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#dcbdf0
```
#dcbdf0 rgb(220,189,240)
```

Triadic Color

#d1f0bd
```
#d1f0bd rgb(209,240,189)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#dcbdf0
```
#dcbdf0 rgb(220,189,240)
```
#f0bdd1
```
#f0bdd1 rgb(240,189,209)
```

Tetradic Color

#7fe2bb
```
#7fe2bb rgb(127,226,187)
```
#93e7c6
```
#93e7c6 rgb(147,231,198)
```
#a8ebd1
```
#a8ebd1 rgb(168,235,209)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#d2f5e7
```
#d2f5e7 rgb(210,245,231)
```
#e7f9f2
```
#e7f9f2 rgb(231,249,242)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Monochromatic Color

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

#bdf0cf
```
#bdf0cf rgb(189,240,207)
```
#bdf0d4
```
#bdf0d4 rgb(189,240,212)
```
#bdf0d8
```
#bdf0d8 rgb(189,240,216)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#bdf0e0
```
#bdf0e0 rgb(189,240,224)
```
#bdf0e5
```
#bdf0e5 rgb(189,240,229)
```
#bdf0e9
```
#bdf0e9 rgb(189,240,233)
```

Similar Colors

Text with hexadecimal color #bdf0dc

This text has a font color of #bdf0dc.

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

#bdf0dc background color

This paragraph has a background color of #bdf0dc.

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

#bdf0dc border color

This element has a border color of #bdf0dc.

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

CSS codes

.text {color:#bdf0dc;}

.background {background-color:#bdf0dc;}

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

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, #030e0a is the darkest color, while #fdfffe is the lightest one.

#030e0a
```
#030e0a rgb(3,14,10)
```
#071e15
```
#071e15 rgb(7,30,21)
```
#0a2e20
```
#0a2e20 rgb(10,46,32)
```
#0e3e2b
```
#0e3e2b rgb(14,62,43)
```
#124e36
```
#124e36 rgb(18,78,54)
```
#155e41
```
#155e41 rgb(21,94,65)
```
#196e4d
```
#196e4d rgb(25,110,77)
```
#1d7e58
```
#1d7e58 rgb(29,126,88)
```
#208e63
```
#208e63 rgb(32,142,99)
```
#249e6e
```
#249e6e rgb(36,158,110)
```
#27ae79
```
#27ae79 rgb(39,174,121)
```
#2bbe84
```
#2bbe84 rgb(43,190,132)
```
#2fce8f
```
#2fce8f rgb(47,206,143)
```

Shade Color Variation

#3dd398
```
#3dd398 rgb(61,211,152)
```
#4dd7a1
```
#4dd7a1 rgb(77,215,161)
```
#5ddaa9
```
#5ddaa9 rgb(93,218,169)
```
#6ddeb2
```
#6ddeb2 rgb(109,222,178)
```
#7de1ba
```
#7de1ba rgb(125,225,186)
```
#8de5c3
```
#8de5c3 rgb(141,229,195)
```
#9de9cb
```
#9de9cb rgb(157,233,203)
```
#adecd4
```
#adecd4 rgb(173,236,212)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#cdf4e4
```
#cdf4e4 rgb(205,244,228)
```
#ddf7ed
```
#ddf7ed rgb(221,247,237)
```
#edfbf5
```
#edfbf5 rgb(237,251,245)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#d6d7d7
```
#d6d7d7 rgb(214,215,215)
```
#d3dad7
```
#d3dad7 rgb(211,218,215)
```
#d0ddd8
```
#d0ddd8 rgb(208,221,216)
```
#cde0d9
```
#cde0d9 rgb(205,224,217)
```
#c9e4d9
```
#c9e4d9 rgb(201,228,217)
```
#c6e7da
```
#c6e7da rgb(198,231,218)
```
#c3eadb
```
#c3eadb rgb(195,234,219)
```
#c0eddb
```
#c0eddb rgb(192,237,219)
```
#bdf0dc
```
#bdf0dc rgb(189,240,220)
```
#baf3dd
```
#baf3dd rgb(186,243,221)
```
#b7f6dd
```
#b7f6dd rgb(183,246,221)
```
#b4f9de
```
#b4f9de rgb(180,249,222)
```
#b1fcdf
```
#b1fcdf rgb(177,252,223)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e2de Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede5d8 Protanopia 1% of men
#fcdfe3 Deuteranopia 1% of men
#c7ecfd Tritanopia 0.001% of the population

Trichromacy

#dbe9d9 Protanomaly 1% of men, 0.01% of women
#e5e5e0 Deuteranomaly 6% of men, 0.4% of women
#c3edf1 Tritanomaly 0.01% of the population

#bdf0dc hex color

#bdf0dc Color Information

#bdf0dc Color Conversion

Color Schemes with #bdf0dc

Alternatives to #bdf0dc

#bdf0dc Preview

Shades and Tints of #bdf0dc

Tones of #bdf0dc

Color Blindness Simulator