#bcf5f9 hex color

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

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

● #bcf5f9 color description : Very soft cyan.

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

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

CIE-LAB	92.941, -16.999, -7.794
XYZ	70.486, 82.833, 101.892
xyY	0.276, 0.325, 82.833
CIE-LCH	92.941, 18.701, 204.633
CIE-LUV	92.941, -28.582, -9.389
Hunter-Lab	91.013, -21.031, -2.668
Binary	10111100, 11110101, 11111001

#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#f9c0bc
```
#f9c0bc rgb(249,192,188)
```

Complementary Color

#bcf9df
```
#bcf9df rgb(188,249,223)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#bcd7f9
```
#bcd7f9 rgb(188,215,249)
```

Analogous Color

#f9dfbc
```
#f9dfbc rgb(249,223,188)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#f9bcd7
```
#f9bcd7 rgb(249,188,215)
```

Split Complementary Color

#f5f9bc
```
#f5f9bc rgb(245,249,188)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#f9bcf5
```
#f9bcf5 rgb(249,188,245)
```

Triadic Color

#bcf9c0
```
#bcf9c0 rgb(188,249,192)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#f9bcf5
```
#f9bcf5 rgb(249,188,245)
```
#f9c0bc
```
#f9c0bc rgb(249,192,188)
```

Tetradic Color

#76ebf3
```
#76ebf3 rgb(118,235,243)
```
#8deef5
```
#8deef5 rgb(141,238,245)
```
#a5f2f7
```
#a5f2f7 rgb(165,242,247)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#d3f8fb
```
#d3f8fb rgb(211,248,251)
```
#ebfcfd
```
#ebfcfd rgb(235,252,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcf9ee
```
#bcf9ee rgb(188,249,238)
```
#bcf9f3
```
#bcf9f3 rgb(188,249,243)
```
#bcf9f8
```
#bcf9f8 rgb(188,249,248)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#bcf0f9
```
#bcf0f9 rgb(188,240,249)
```
#bcebf9
```
#bcebf9 rgb(188,235,249)
```
#bce6f9
```
#bce6f9 rgb(188,230,249)
```

Similar Colors

Text with hexadecimal color #bcf5f9

This text has a font color of #bcf5f9.

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

#bcf5f9 background color

This paragraph has a background color of #bcf5f9.

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

#bcf5f9 border color

This element has a border color of #bcf5f9.

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

CSS codes

.text {color:#bcf5f9;}

.background {background-color:#bcf5f9;}

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

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 #f2fdfe is the lightest one.

#000505
```
#000505 rgb(0,5,5)
```
#021617
```
#021617 rgb(2,22,23)
```
#042729
```
#042729 rgb(4,39,41)
```
#05373b
```
#05373b rgb(5,55,59)
```
#07484d
```
#07484d rgb(7,72,77)
```
#09595f
```
#09595f rgb(9,89,95)
```
#0a6a71
```
#0a6a71 rgb(10,106,113)
```
#0c7b83
```
#0c7b83 rgb(12,123,131)
```
#0d8c95
```
#0d8c95 rgb(13,140,149)
```
#0f9da7
```
#0f9da7 rgb(15,157,167)
```
#11aeb9
```
#11aeb9 rgb(17,174,185)
```
#12bfcb
```
#12bfcb rgb(18,191,203)
```
#14d0dd
```
#14d0dd rgb(20,208,221)
```

Shade Color Variation

#1addea
```
#1addea rgb(26,221,234)
```
#2ce0ec
```
#2ce0ec rgb(44,224,236)
```
#3ee2ee
```
#3ee2ee rgb(62,226,238)
```
#50e5ef
```
#50e5ef rgb(80,229,239)
```
#62e8f1
```
#62e8f1 rgb(98,232,241)
```
#74eaf3
```
#74eaf3 rgb(116,234,243)
```
#86edf4
```
#86edf4 rgb(134,237,244)
```
#98f0f6
```
#98f0f6 rgb(152,240,246)
```
#aaf2f7
```
#aaf2f7 rgb(170,242,247)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#cef8fb
```
#cef8fb rgb(206,248,251)
```
#e0fafc
```
#e0fafc rgb(224,250,252)
```
#f2fdfe
```
#f2fdfe rgb(242,253,254)
```

Tint Color Variation

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

#d8dddd
```
#d8dddd rgb(216,221,221)
```
#d5dfe0
```
#d5dfe0 rgb(213,223,224)
```
#d2e1e3
```
#d2e1e3 rgb(210,225,227)
```
#d0e4e5
```
#d0e4e5 rgb(208,228,229)
```
#cde6e8
```
#cde6e8 rgb(205,230,232)
```
#cae9eb
```
#cae9eb rgb(202,233,235)
```
#c7ebee
```
#c7ebee rgb(199,235,238)
```
#c4eef1
```
#c4eef1 rgb(196,238,241)
```
#c2f0f3
```
#c2f0f3 rgb(194,240,243)
```
#bff3f6
```
#bff3f6 rgb(191,243,246)
```
#bcf5f9
```
#bcf5f9 rgb(188,245,249)
```
#b9f7fc
```
#b9f7fc rgb(185,247,252)
```
#b6faff
```
#b6faff rgb(182,250,255)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#dce7e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edeaf3 Protanopia 1% of men
#f8e5fe Deuteranopia 1% of men
#cef1ff Tritanopia 0.001% of the population

Trichromacy

#dbeef5 Protanomaly 1% of men, 0.01% of women
#e2ebfc Deuteranomaly 6% of men, 0.4% of women
#c7f2fc Tritanomaly 0.01% of the population

#bcf5f9 hex color

#bcf5f9 Color Information

#bcf5f9 Color Conversion

Color Schemes with #bcf5f9

Alternatives to #bcf5f9

#bcf5f9 Preview

Shades and Tints of #bcf5f9

Tones of #bcf5f9

Color Blindness Simulator