#bcf4ff hex color

In a RGB color space, hex #bcf4ff is composed of 73.7% red, 95.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 4.3% magenta, 0% yellow and 0% black. It has a hue angle of 189.9 degrees, a saturation of 100% and a lightness of 86.9%. #bcf4ff color hex could be obtained by blending #ffffff with #79e9ff. Closest websafe color is: #ccffff.

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

● #bcf4ff color description : Pale cyan.

The hexadecimal color #bcf4ff has RGB values of R:188, G:244, B:255 and CMYK values of C:0.26, M:0.04, Y:0, K:0. Its decimal value is 12383487.

Hex triplet	bcf4ff	`#bcf4ff`
RGB Decimal	188, 244, 255	`rgb(188,244,255)`
RGB Percent	73.7, 95.7, 100	`rgb(73.7%,95.7%,100%)`
CMYK	26, 4, 0, 0
HSL	189.9°, 100, 86.9	`hsl(189.9,100%,86.9%)`
HSV (or HSB)	189.9°, 26.3, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.844, -15.192, -11.055
XYZ	71.135, 82.61, 106.8
xyY	0.273, 0.317, 82.61
CIE-LCH	92.844, 18.788, 216.043
CIE-LUV	92.844, -28.18, -14.964
Hunter-Lab	90.89, -19.354, -6.045
Binary	10111100, 11110100, 11111111

#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#ffc7bc
```
#ffc7bc rgb(255,199,188)
```

Complementary Color

#bcffe9
```
#bcffe9 rgb(188,255,233)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#bcd3ff
```
#bcd3ff rgb(188,211,255)
```

Analogous Color

#ffe9bc
```
#ffe9bc rgb(255,233,188)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#ffbcd3
```
#ffbcd3 rgb(255,188,211)
```

Split Complementary Color

#f4ffbc
```
#f4ffbc rgb(244,255,188)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#ffbcf4
```
#ffbcf4 rgb(255,188,244)
```

Triadic Color

#bcffc7
```
#bcffc7 rgb(188,255,199)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#ffbcf4
```
#ffbcf4 rgb(255,188,244)
```
#ffc7bc
```
#ffc7bc rgb(255,199,188)
```

Tetradic Color

#70e7ff
```
#70e7ff rgb(112,231,255)
```
#89ecff
```
#89ecff rgb(137,236,255)
```
#a3f0ff
```
#a3f0ff rgb(163,240,255)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#d6f8ff
```
#d6f8ff rgb(214,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcfff9
```
#bcfff9 rgb(188,255,249)
```
#bcffff
```
#bcffff rgb(188,255,255)
```
#bcfaff
```
#bcfaff rgb(188,250,255)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#bceeff
```
#bceeff rgb(188,238,255)
```
#bce9ff
```
#bce9ff rgb(188,233,255)
```
#bce3ff
```
#bce3ff rgb(188,227,255)
```

Similar Colors

Text with hexadecimal color #bcf4ff

This text has a font color of #bcf4ff.

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

#bcf4ff background color

This paragraph has a background color of #bcf4ff.

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

#bcf4ff border color

This element has a border color of #bcf4ff.

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

CSS codes

.text {color:#bcf4ff;}

.background {background-color:#bcf4ff;}

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002a33
```
#002a33 rgb(0,42,51)
```
#003b46
```
#003b46 rgb(0,59,70)
```
#004b5a
```
#004b5a rgb(0,75,90)
```
#005c6e
```
#005c6e rgb(0,92,110)
```
#006c81
```
#006c81 rgb(0,108,129)
```
#007c95
```
#007c95 rgb(0,124,149)
```
#008da8
```
#008da8 rgb(0,141,168)
```
#009dbc
```
#009dbc rgb(0,157,188)
```
#00aed0
```
#00aed0 rgb(0,174,208)
```
#00bee3
```
#00bee3 rgb(0,190,227)
```
#00cef7
```
#00cef7 rgb(0,206,247)
```

Shade Color Variation

#0bd7ff
```
#0bd7ff rgb(11,215,255)
```
#1fdaff
```
#1fdaff rgb(31,218,255)
```
#33ddff
```
#33ddff rgb(51,221,255)
```
#46e1ff
```
#46e1ff rgb(70,225,255)
```
#5ae4ff
```
#5ae4ff rgb(90,228,255)
```
#6ee7ff
```
#6ee7ff rgb(110,231,255)
```
#81eaff
```
#81eaff rgb(129,234,255)
```
#95eeff
```
#95eeff rgb(149,238,255)
```
#a8f1ff
```
#a8f1ff rgb(168,241,255)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#d0f7ff
```
#d0f7ff rgb(208,247,255)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#dbdfe0
```
#dbdfe0 rgb(219,223,224)
```
#d8e1e3
```
#d8e1e3 rgb(216,225,227)
```
#d6e3e5
```
#d6e3e5 rgb(214,227,229)
```
#d3e4e8
```
#d3e4e8 rgb(211,228,232)
```
#d1e6ea
```
#d1e6ea rgb(209,230,234)
```
#cee8ed
```
#cee8ed rgb(206,232,237)
```
#cbeaf0
```
#cbeaf0 rgb(203,234,240)
```
#c9ebf2
```
#c9ebf2 rgb(201,235,242)
```
#c6edf5
```
#c6edf5 rgb(198,237,245)
```
#c4eff7
```
#c4eff7 rgb(196,239,247)
```
#c1f1fa
```
#c1f1fa rgb(193,241,250)
```
#bff2fc
```
#bff2fc rgb(191,242,252)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dde8ea Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebeaf9 Protanopia 1% of men
#f3e6ff Deuteranopia 1% of men
#cdf1ff Tritanopia 0.001% of the population

Trichromacy

#daedfb Protanomaly 1% of men, 0.01% of women
#dfebff Deuteranomaly 6% of men, 0.4% of women
#c6f2ff Tritanomaly 0.01% of the population

#bcf4ff hex color

#bcf4ff Color Information

#bcf4ff Color Conversion

Color Schemes with #bcf4ff

Alternatives to #bcf4ff

#bcf4ff Preview

Shades and Tints of #bcf4ff

Tones of #bcf4ff

Color Blindness Simulator