#bcf4dc hex color

In a RGB color space, hex #bcf4dc is composed of 73.7% red, 95.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 0% magenta, 9.8% yellow and 4.3% black. It has a hue angle of 154.3 degrees, a saturation of 71.8% and a lightness of 84.7%. #bcf4dc color hex could be obtained by blending #ffffff with #79e9b9. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #bcf4dc has RGB values of R:188, G:244, B:220 and CMYK values of C:0.23, M:0, Y:0.1, K:0.04. Its decimal value is 12383452.

Hex triplet	bcf4dc	`#bcf4dc`
RGB Decimal	188, 244, 220	`rgb(188,244,220)`
RGB Percent	73.7, 95.7, 86.3	`rgb(73.7%,95.7%,86.3%)`
CMYK	23, 0, 10, 4
HSL	154.3°, 71.8, 84.7	`hsl(154.3,71.8%,84.7%)`
HSV (or HSB)	154.3°, 23, 95.7
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.935, -22.462, 5.791
XYZ	66.005, 80.558, 79.778
xyY	0.292, 0.356, 80.558
CIE-LCH	91.935, 23.196, 165.543
CIE-LUV	91.935, -27.992, 12.71
Hunter-Lab	89.754, -25.802, 10.128
Binary	10111100, 11110100, 11011100

#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#f4bcd4
```
#f4bcd4 rgb(244,188,212)
```

Complementary Color

#bcf4c0
```
#bcf4c0 rgb(188,244,192)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#bcf0f4
```
#bcf0f4 rgb(188,240,244)
```

Analogous Color

#f4c0bc
```
#f4c0bc rgb(244,192,188)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#f4bcf0
```
#f4bcf0 rgb(244,188,240)
```

Split Complementary Color

#f4dcbc
```
#f4dcbc rgb(244,220,188)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#dcbcf4
```
#dcbcf4 rgb(220,188,244)
```

Triadic Color

#d4f4bc
```
#d4f4bc rgb(212,244,188)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#dcbcf4
```
#dcbcf4 rgb(220,188,244)
```
#f4bcd4
```
#f4bcd4 rgb(244,188,212)
```

Tetradic Color

#7ae9ba
```
#7ae9ba rgb(122,233,186)
```
#90edc5
```
#90edc5 rgb(144,237,197)
```
#a6f0d1
```
#a6f0d1 rgb(166,240,209)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#d2f8e7
```
#d2f8e7 rgb(210,248,231)
```
#e8fbf3
```
#e8fbf3 rgb(232,251,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Monochromatic Color

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

#bcf4ce
```
#bcf4ce rgb(188,244,206)
```
#bcf4d3
```
#bcf4d3 rgb(188,244,211)
```
#bcf4d7
```
#bcf4d7 rgb(188,244,215)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#bcf4e1
```
#bcf4e1 rgb(188,244,225)
```
#bcf4e5
```
#bcf4e5 rgb(188,244,229)
```
#bcf4ea
```
#bcf4ea rgb(188,244,234)
```

Similar Colors

Text with hexadecimal color #bcf4dc

This text has a font color of #bcf4dc.

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

#bcf4dc background color

This paragraph has a background color of #bcf4dc.

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

#bcf4dc border color

This element has a border color of #bcf4dc.

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

CSS codes

.text {color:#bcf4dc;}

.background {background-color:#bcf4dc;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#03110b
```
#03110b rgb(3,17,11)
```
#062216
```
#062216 rgb(6,34,22)
```
#083321
```
#083321 rgb(8,51,33)
```
#0b442c
```
#0b442c rgb(11,68,44)
```
#0e5536
```
#0e5536 rgb(14,85,54)
```
#116541
```
#116541 rgb(17,101,65)
```
#13764c
```
#13764c rgb(19,118,76)
```
#168757
```
#168757 rgb(22,135,87)
```
#199862
```
#199862 rgb(25,152,98)
```
#1ca96c
```
#1ca96c rgb(28,169,108)
```
#1eba77
```
#1eba77 rgb(30,186,119)
```
#21cb82
```
#21cb82 rgb(33,203,130)
```

Shade Color Variation

#24db8d
```
#24db8d rgb(36,219,141)
```
#35de96
```
#35de96 rgb(53,222,150)
```
#46e19e
```
#46e19e rgb(70,225,158)
```
#57e3a7
```
#57e3a7 rgb(87,227,167)
```
#68e6b0
```
#68e6b0 rgb(104,230,176)
```
#79e9b9
```
#79e9b9 rgb(121,233,185)
```
#89ecc2
```
#89ecc2 rgb(137,236,194)
```
#9aeeca
```
#9aeeca rgb(154,238,202)
```
#abf1d3
```
#abf1d3 rgb(171,241,211)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#cdf7e5
```
#cdf7e5 rgb(205,247,229)
```
#defaee
```
#defaee rgb(222,250,238)
```
#effcf6
```
#effcf6 rgb(239,252,246)
```

Tint Color Variation

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

#d7d9d8
```
#d7d9d8 rgb(215,217,216)
```
#d4dcd9
```
#d4dcd9 rgb(212,220,217)
```
#d1dfd9
```
#d1dfd9 rgb(209,223,217)
```
#cee2d9
```
#cee2d9 rgb(206,226,217)
```
#cbe5da
```
#cbe5da rgb(203,229,218)
```
#c8e8da
```
#c8e8da rgb(200,232,218)
```
#c5ebdb
```
#c5ebdb rgb(197,235,219)
```
#c2eedb
```
#c2eedb rgb(194,238,219)
```
#bff1dc
```
#bff1dc rgb(191,241,220)
```
#bcf4dc
```
#bcf4dc rgb(188,244,220)
```
#b9f7dc
```
#b9f7dc rgb(185,247,220)
```
#b6fadd
```
#b6fadd rgb(182,250,221)
```
#b3fddd
```
#b3fddd rgb(179,253,221)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dae5e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e8d7 Protanopia 1% of men
#ffe2e4 Deuteranopia 1% of men
#caeeff Tritanopia 0.001% of the population

Trichromacy

#ddecd9 Protanomaly 1% of men, 0.01% of women
#e6e8e1 Deuteranomaly 6% of men, 0.4% of women
#c5f0f2 Tritanomaly 0.01% of the population

#bcf4dc hex color

#bcf4dc Color Information

#bcf4dc Color Conversion

Color Schemes with #bcf4dc

Alternatives to #bcf4dc

#bcf4dc Preview

Shades and Tints of #bcf4dc

Tones of #bcf4dc

Color Blindness Simulator