#bcf9f4 hex color

In a RGB color space, hex #bcf9f4 is composed of 73.7% red, 97.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 0% magenta, 2% yellow and 2.4% black. It has a hue angle of 175.1 degrees, a saturation of 83.6% and a lightness of 85.7%. #bcf9f4 color hex could be obtained by blending #ffffff with #79f3e9. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 74
- G 98
- B 96
RGB color chart
- C 24
- M 0
- Y 2
- K 2
CMYK color chart

● #bcf9f4 color description : Very soft cyan.

The hexadecimal color #bcf9f4 has RGB values of R:188, G:249, B:244 and CMYK values of C:0.24, M:0, Y:0.02, K:0.02. Its decimal value is 12384756.

Hex triplet	bcf9f4	`#bcf9f4`
RGB Decimal	188, 249, 244	`rgb(188,249,244)`
RGB Percent	73.7, 97.6, 95.7	`rgb(73.7%,97.6%,95.7%)`
CMYK	24, 0, 2, 2
HSL	175.1°, 83.6, 85.7	`hsl(175.1,83.6%,85.7%)`
HSV (or HSB)	175.1°, 24.5, 97.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.871, -20.037, -3.83
XYZ	70.94, 84.972, 98.246
xyY	0.279, 0.334, 84.972
CIE-LCH	93.871, 20.4, 190.822
CIE-LUV	93.871, -30.317, -2.563
Hunter-Lab	92.18, -23.946, 1.334
Binary	10111100, 11111001, 11110100

#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#f9bcc1
```
#f9bcc1 rgb(249,188,193)
```

Complementary Color

#bcf9d6
```
#bcf9d6 rgb(188,249,214)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#bce0f9
```
#bce0f9 rgb(188,224,249)
```

Analogous Color

#f9d6bc
```
#f9d6bc rgb(249,214,188)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#f9bce0
```
#f9bce0 rgb(249,188,224)
```

Split Complementary Color

#f9f4bc
```
#f9f4bc rgb(249,244,188)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#f4bcf9
```
#f4bcf9 rgb(244,188,249)
```

Triadic Color

#c1f9bc
```
#c1f9bc rgb(193,249,188)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#f4bcf9
```
#f4bcf9 rgb(244,188,249)
```
#f9bcc1
```
#f9bcc1 rgb(249,188,193)
```

Tetradic Color

#76f3e8
```
#76f3e8 rgb(118,243,232)
```
#8df5ec
```
#8df5ec rgb(141,245,236)
```
#a5f7f0
```
#a5f7f0 rgb(165,247,240)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#d3fbf8
```
#d3fbf8 rgb(211,251,248)
```
#ebfdfc
```
#ebfdfc rgb(235,253,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcf9e5
```
#bcf9e5 rgb(188,249,229)
```
#bcf9ea
```
#bcf9ea rgb(188,249,234)
```
#bcf9ef
```
#bcf9ef rgb(188,249,239)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#bcf9f9
```
#bcf9f9 rgb(188,249,249)
```
#bcf4f9
```
#bcf4f9 rgb(188,244,249)
```
#bceff9
```
#bceff9 rgb(188,239,249)
```

Similar Colors

Text with hexadecimal color #bcf9f4

This text has a font color of #bcf9f4.

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

#bcf9f4 background color

This paragraph has a background color of #bcf9f4.

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

#bcf9f4 border color

This element has a border color of #bcf9f4.

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

CSS codes

.text {color:#bcf9f4;}

.background {background-color:#bcf9f4;}

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021715
```
#021715 rgb(2,23,21)
```
#042926
```
#042926 rgb(4,41,38)
```
#053b37
```
#053b37 rgb(5,59,55)
```
#074d47
```
#074d47 rgb(7,77,71)
```
#095f58
```
#095f58 rgb(9,95,88)
```
#0a7169
```
#0a7169 rgb(10,113,105)
```
#0c8379
```
#0c8379 rgb(12,131,121)
```
#0d958a
```
#0d958a rgb(13,149,138)
```
#0fa79b
```
#0fa79b rgb(15,167,155)
```
#11b9ab
```
#11b9ab rgb(17,185,171)
```
#12cbbc
```
#12cbbc rgb(18,203,188)
```
#14ddcd
```
#14ddcd rgb(20,221,205)
```

Shade Color Variation

#1aead9
```
#1aead9 rgb(26,234,217)
```
#2cecdc
```
#2cecdc rgb(44,236,220)
```
#3eeedf
```
#3eeedf rgb(62,238,223)
```
#50efe2
```
#50efe2 rgb(80,239,226)
```
#62f1e5
```
#62f1e5 rgb(98,241,229)
```
#74f3e8
```
#74f3e8 rgb(116,243,232)
```
#86f4eb
```
#86f4eb rgb(134,244,235)
```
#98f6ee
```
#98f6ee rgb(152,246,238)
```
#aaf7f1
```
#aaf7f1 rgb(170,247,241)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#cefbf7
```
#cefbf7 rgb(206,251,247)
```
#e0fcfa
```
#e0fcfa rgb(224,252,250)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#d8dddd
```
#d8dddd rgb(216,221,221)
```
#d5e0df
```
#d5e0df rgb(213,224,223)
```
#d2e3e1
```
#d2e3e1 rgb(210,227,225)
```
#d0e5e4
```
#d0e5e4 rgb(208,229,228)
```
#cde8e6
```
#cde8e6 rgb(205,232,230)
```
#caebe8
```
#caebe8 rgb(202,235,232)
```
#c7eeeb
```
#c7eeeb rgb(199,238,235)
```
#c4f1ed
```
#c4f1ed rgb(196,241,237)
```
#c2f3ef
```
#c2f3ef rgb(194,243,239)
```
#bff6f2
```
#bff6f2 rgb(191,246,242)
```
#bcf9f4
```
#bcf9f4 rgb(188,249,244)
```
#b9fcf6
```
#b9fcf6 rgb(185,252,246)
```
#b6fff9
```
#b6fff9 rgb(182,255,249)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#deeae9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2edee Protanopia 1% of men
#fee7fa Deuteranopia 1% of men
#d5f3ff Tritanopia 0.001% of the population

Trichromacy

#def1f0 Protanomaly 1% of men, 0.01% of women
#e6eef8 Deuteranomaly 6% of men, 0.4% of women
#cbf5fb Tritanomaly 0.01% of the population

#bcf9f4 hex color

#bcf9f4 Color Information

#bcf9f4 Color Conversion

Color Schemes with #bcf9f4

Alternatives to #bcf9f4

#bcf9f4 Preview

Shades and Tints of #bcf9f4

Tones of #bcf9f4

Color Blindness Simulator