#bcf2dc hex color

In a RGB color space, hex #bcf2dc is composed of 73.7% red, 94.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 0% magenta, 9.1% yellow and 5.1% black. It has a hue angle of 155.6 degrees, a saturation of 67.5% and a lightness of 84.3%. #bcf2dc color hex could be obtained by blending #ffffff with #79e5b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 95
- B 86
RGB color chart
- C 22
- M 0
- Y 9
- K 5
CMYK color chart

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

The hexadecimal color #bcf2dc has RGB values of R:188, G:242, B:220 and CMYK values of C:0.22, M:0, Y:0.09, K:0.05. Its decimal value is 12382940.

Hex triplet	bcf2dc	`#bcf2dc`
RGB Decimal	188, 242, 220	`rgb(188,242,220)`
RGB Percent	73.7, 94.9, 86.3	`rgb(73.7%,94.9%,86.3%)`
CMYK	22, 0, 9, 5
HSL	155.6°, 67.5, 84.3	`hsl(155.6,67.5%,84.3%)`
HSV (or HSB)	155.6°, 22.3, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.397, -21.488, 5.015
XYZ	65.406, 79.361, 79.578
xyY	0.292, 0.354, 79.361
CIE-LCH	91.397, 22.065, 166.863
CIE-LUV	91.397, -27.076, 11.364
Hunter-Lab	89.085, -24.843, 9.396
Binary	10111100, 11110010, 11011100

#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#f2bcd2
```
#f2bcd2 rgb(242,188,210)
```

Complementary Color

#bcf2c1
```
#bcf2c1 rgb(188,242,193)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#bcedf2
```
#bcedf2 rgb(188,237,242)
```

Analogous Color

#f2c1bc
```
#f2c1bc rgb(242,193,188)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#f2bced
```
#f2bced rgb(242,188,237)
```

Split Complementary Color

#f2dcbc
```
#f2dcbc rgb(242,220,188)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#dcbcf2
```
#dcbcf2 rgb(220,188,242)
```

Triadic Color

#d2f2bc
```
#d2f2bc rgb(210,242,188)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#dcbcf2
```
#dcbcf2 rgb(220,188,242)
```
#f2bcd2
```
#f2bcd2 rgb(242,188,210)
```

Tetradic Color

#7ce6bb
```
#7ce6bb rgb(124,230,187)
```
#91eac6
```
#91eac6 rgb(145,234,198)
```
#a7eed1
```
#a7eed1 rgb(167,238,209)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#d1f6e7
```
#d1f6e7 rgb(209,246,231)
```
#e7faf2
```
#e7faf2 rgb(231,250,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Monochromatic Color

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

#bcf2cf
```
#bcf2cf rgb(188,242,207)
```
#bcf2d3
```
#bcf2d3 rgb(188,242,211)
```
#bcf2d8
```
#bcf2d8 rgb(188,242,216)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#bcf2e1
```
#bcf2e1 rgb(188,242,225)
```
#bcf2e5
```
#bcf2e5 rgb(188,242,229)
```
#bcf2ea
```
#bcf2ea rgb(188,242,234)
```

Similar Colors

Text with hexadecimal color #bcf2dc

This text has a font color of #bcf2dc.

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

#bcf2dc background color

This paragraph has a background color of #bcf2dc.

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

#bcf2dc border color

This element has a border color of #bcf2dc.

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

CSS codes

.text {color:#bcf2dc;}

.background {background-color:#bcf2dc;}

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

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

#030f0a
```
#030f0a rgb(3,15,10)
```
#062015
```
#062015 rgb(6,32,21)
```
#093020
```
#093020 rgb(9,48,32)
```
#0d402b
```
#0d402b rgb(13,64,43)
```
#105136
```
#105136 rgb(16,81,54)
```
#136141
```
#136141 rgb(19,97,65)
```
#16724c
```
#16724c rgb(22,114,76)
```
#198257
```
#198257 rgb(25,130,87)
```
#1c9362
```
#1c9362 rgb(28,147,98)
```
#20a36d
```
#20a36d rgb(32,163,109)
```
#23b379
```
#23b379 rgb(35,179,121)
```
#26c484
```
#26c484 rgb(38,196,132)
```
#29d48f
```
#29d48f rgb(41,212,143)
```

Shade Color Variation

#39d997
```
#39d997 rgb(57,217,151)
```
#49dca0
```
#49dca0 rgb(73,220,160)
```
#59dfa9
```
#59dfa9 rgb(89,223,169)
```
#6ae2b1
```
#6ae2b1 rgb(106,226,177)
```
#7ae5ba
```
#7ae5ba rgb(122,229,186)
```
#8be8c2
```
#8be8c2 rgb(139,232,194)
```
#9beccb
```
#9beccb rgb(155,236,203)
```
#acefd3
```
#acefd3 rgb(172,239,211)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#ccf5e5
```
#ccf5e5 rgb(204,245,229)
```
#ddf8ed
```
#ddf8ed rgb(221,248,237)
```
#edfcf6
```
#edfcf6 rgb(237,252,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#d5d9d7
```
#d5d9d7 rgb(213,217,215)
```
#d2dcd8
```
#d2dcd8 rgb(210,220,216)
```
#cee0d9
```
#cee0d9 rgb(206,224,217)
```
#cbe3d9
```
#cbe3d9 rgb(203,227,217)
```
#c8e6da
```
#c8e6da rgb(200,230,218)
```
#c5e9da
```
#c5e9da rgb(197,233,218)
```
#c2ecdb
```
#c2ecdb rgb(194,236,219)
```
#bfefdb
```
#bfefdb rgb(191,239,219)
```
#bcf2dc
```
#bcf2dc rgb(188,242,220)
```
#b9f5dd
```
#b9f5dd rgb(185,245,221)
```
#b6f8dd
```
#b6f8dd rgb(182,248,221)
```
#b3fbde
```
#b3fbde rgb(179,251,222)
```
#b0fede
```
#b0fede rgb(176,254,222)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e3de Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe6d7 Protanopia 1% of men
#fee0e3 Deuteranopia 1% of men
#c7edfe Tritanopia 0.001% of the population

Trichromacy

#dcead9 Protanomaly 1% of men, 0.01% of women
#e6e6e0 Deuteranomaly 6% of men, 0.4% of women
#c3eff2 Tritanomaly 0.01% of the population

#bcf2dc hex color

#bcf2dc Color Information

#bcf2dc Color Conversion

Color Schemes with #bcf2dc

Alternatives to #bcf2dc

#bcf2dc Preview

Shades and Tints of #bcf2dc

Tones of #bcf2dc

Color Blindness Simulator