#bce2f6 hex color

In a RGB color space, hex #bce2f6 is composed of 73.7% red, 88.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 8.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 200.7 degrees, a saturation of 76.3% and a lightness of 85.1%. #bce2f6 color hex could be obtained by blending #ffffff with #79c5ed. Closest websafe color is: #ccccff.

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

● #bce2f6 color description : Very soft blue.

The hexadecimal color #bce2f6 has RGB values of R:188, G:226, B:246 and CMYK values of C:0.24, M:0.08, Y:0, K:0.04. Its decimal value is 12378870.

Hex triplet	bce2f6	`#bce2f6`
RGB Decimal	188, 226, 246	`rgb(188,226,246)`
RGB Percent	73.7, 88.6, 96.5	`rgb(73.7%,88.6%,96.5%)`
CMYK	24, 8, 0, 4
HSL	200.7°, 76.3, 85.1	`hsl(200.7,76.3%,85.1%)`
HSV (or HSB)	200.7°, 23.6, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.841, -8.059, -13.82
XYZ	64.566, 71.736, 97.628
xyY	0.276, 0.307, 71.736
CIE-LCH	87.841, 15.998, 239.753
CIE-LUV	87.841, -20.184, -20.498
Hunter-Lab	84.697, -12.146, -9.054
Binary	10111100, 11100010, 11110110

#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#f6d0bc
```
#f6d0bc rgb(246,208,188)
```

Complementary Color

#bcf6ed
```
#bcf6ed rgb(188,246,237)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#bcc5f6
```
#bcc5f6 rgb(188,197,246)
```

Analogous Color

#f6edbc
```
#f6edbc rgb(246,237,188)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#f6bcc5
```
#f6bcc5 rgb(246,188,197)
```

Split Complementary Color

#e2f6bc
```
#e2f6bc rgb(226,246,188)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#f6bce2
```
#f6bce2 rgb(246,188,226)
```

Triadic Color

#bcf6d0
```
#bcf6d0 rgb(188,246,208)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#f6bce2
```
#f6bce2 rgb(246,188,226)
```
#f6d0bc
```
#f6d0bc rgb(246,208,188)
```

Tetradic Color

#79c5ed
```
#79c5ed rgb(121,197,237)
```
#8fcff0
```
#8fcff0 rgb(143,207,240)
```
#a6d8f3
```
#a6d8f3 rgb(166,216,243)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#d2ecf9
```
#d2ecf9 rgb(210,236,249)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcf1f6
```
#bcf1f6 rgb(188,241,246)
```
#bcecf6
```
#bcecf6 rgb(188,236,246)
```
#bce7f6
```
#bce7f6 rgb(188,231,246)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#bcd8f6
```
#bcd8f6 rgb(188,216,246)
```
#bcd4f6
```
#bcd4f6 rgb(188,212,246)
```

Similar Colors

Text with hexadecimal color #bce2f6

This text has a font color of #bce2f6.

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

#bce2f6 background color

This paragraph has a background color of #bce2f6.

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

#bce2f6 border color

This element has a border color of #bce2f6.

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

CSS codes

.text {color:#bce2f6;}

.background {background-color:#bce2f6;}

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#051a25
```
#051a25 rgb(5,26,37)
```
#072636
```
#072636 rgb(7,38,54)
```
#0a3247
```
#0a3247 rgb(10,50,71)
```
#0c3e59
```
#0c3e59 rgb(12,62,89)
```
#0e4a6a
```
#0e4a6a rgb(14,74,106)
```
#11567b
```
#11567b rgb(17,86,123)
```
#13638d
```
#13638d rgb(19,99,141)
```
#156f9e
```
#156f9e rgb(21,111,158)
```
#187baf
```
#187baf rgb(24,123,175)
```
#1a87c0
```
#1a87c0 rgb(26,135,192)
```
#1c93d2
```
#1c93d2 rgb(28,147,210)
```

Shade Color Variation

#209fe1
```
#209fe1 rgb(32,159,225)
```
#32a6e3
```
#32a6e3 rgb(50,166,227)
```
#43aee6
```
#43aee6 rgb(67,174,230)
```
#54b5e8
```
#54b5e8 rgb(84,181,232)
```
#66bdea
```
#66bdea rgb(102,189,234)
```
#77c4ed
```
#77c4ed rgb(119,196,237)
```
#88ccef
```
#88ccef rgb(136,204,239)
```
#99d3f1
```
#99d3f1 rgb(153,211,241)
```
#abdbf4
```
#abdbf4 rgb(171,219,244)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#cde9f8
```
#cde9f8 rgb(205,233,248)
```
#dff1fb
```
#dff1fb rgb(223,241,251)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#d6dadc
```
#d6dadc rgb(214,218,220)
```
#d3dbdf
```
#d3dbdf rgb(211,219,223)
```
#d0dce2
```
#d0dce2 rgb(208,220,226)
```
#cedde4
```
#cedde4 rgb(206,221,228)
```
#cbdde7
```
#cbdde7 rgb(203,221,231)
```
#c8deea
```
#c8deea rgb(200,222,234)
```
#c5dfed
```
#c5dfed rgb(197,223,237)
```
#c2e0f0
```
#c2e0f0 rgb(194,224,240)
```
#bfe1f3
```
#bfe1f3 rgb(191,225,243)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#b9e3f9
```
#b9e3f9 rgb(185,227,249)
```
#b6e4fc
```
#b6e4fc rgb(182,228,252)
```
#b3e5ff
```
#b3e5ff rgb(179,229,255)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3dbdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdcf2 Protanopia 1% of men
#e4d8fa Deuteranopia 1% of men
#bee3f4 Tritanopia 0.001% of the population

Trichromacy

#d0def3 Protanomaly 1% of men, 0.01% of women
#d5dcf8 Deuteranomaly 6% of men, 0.4% of women
#bde3f4 Tritanomaly 0.01% of the population

#bce2f6 hex color

#bce2f6 Color Information

#bce2f6 Color Conversion

Color Schemes with #bce2f6

Alternatives to #bce2f6

#bce2f6 Preview

Shades and Tints of #bce2f6

Tones of #bce2f6

Color Blindness Simulator