#bef8ff hex color

In a RGB color space, hex #bef8ff is composed of 74.5% red, 97.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 2.7% magenta, 0% yellow and 0% black. It has a hue angle of 186.5 degrees, a saturation of 100% and a lightness of 87.3%. #bef8ff color hex could be obtained by blending #ffffff with #7df1ff. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 75
- G 97
- B 100
RGB color chart
- C 25
- M 3
- Y 0
- K 0
CMYK color chart

● #bef8ff color description : Pale cyan.

The hexadecimal color #bef8ff has RGB values of R:190, G:248, B:255 and CMYK values of C:0.25, M:0.03, Y:0, K:0. Its decimal value is 12515583.

Hex triplet	bef8ff	`#bef8ff`
RGB Decimal	190, 248, 255	`rgb(190,248,255)`
RGB Percent	74.5, 97.3, 100	`rgb(74.5%,97.3%,100%)`
CMYK	25, 3, 0, 0
HSL	186.5°, 100, 87.3	`hsl(186.5,100%,87.3%)`
HSV (or HSB)	186.5°, 25.5, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.012, -16.613, -9.306
XYZ	72.848, 85.299, 107.228
xyY	0.275, 0.321, 85.299
CIE-LCH	94.012, 19.042, 209.255
CIE-LUV	94.012, -29.054, -11.909
Hunter-Lab	92.358, -20.832, -4.186
Binary	10111110, 11111000, 11111111

#bef8ff
```
#bef8ff rgb(190,248,255)
```
#ffc5be
```
#ffc5be rgb(255,197,190)
```

Complementary Color

#beffe6
```
#beffe6 rgb(190,255,230)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#bed8ff
```
#bed8ff rgb(190,216,255)
```

Analogous Color

#ffe6be
```
#ffe6be rgb(255,230,190)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#ffbed8
```
#ffbed8 rgb(255,190,216)
```

Split Complementary Color

#f8ffbe
```
#f8ffbe rgb(248,255,190)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#ffbef8
```
#ffbef8 rgb(255,190,248)
```

Triadic Color

#beffc5
```
#beffc5 rgb(190,255,197)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#ffbef8
```
#ffbef8 rgb(255,190,248)
```
#ffc5be
```
#ffc5be rgb(255,197,190)
```

Tetradic Color

#72f0ff
```
#72f0ff rgb(114,240,255)
```
#8bf3ff
```
#8bf3ff rgb(139,243,255)
```
#a5f5ff
```
#a5f5ff rgb(165,245,255)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#d8fbff
```
#d8fbff rgb(216,251,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#befff6
```
#befff6 rgb(190,255,246)
```
#befffb
```
#befffb rgb(190,255,251)
```
#befdff
```
#befdff rgb(190,253,255)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#bef3ff
```
#bef3ff rgb(190,243,255)
```
#beedff
```
#beedff rgb(190,237,255)
```
#bee8ff
```
#bee8ff rgb(190,232,255)
```

Similar Colors

Text with hexadecimal color #bef8ff

This text has a font color of #bef8ff.

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

#bef8ff background color

This paragraph has a background color of #bef8ff.

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

#bef8ff border color

This element has a border color of #bef8ff.

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

CSS codes

.text {color:#bef8ff;}

.background {background-color:#bef8ff;}

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#001e21
```
#001e21 rgb(0,30,33)
```
#002f35
```
#002f35 rgb(0,47,53)
```
#004148
```
#004148 rgb(0,65,72)
```
#00525c
```
#00525c rgb(0,82,92)
```
#006470
```
#006470 rgb(0,100,112)
```
#007583
```
#007583 rgb(0,117,131)
```
#008797
```
#008797 rgb(0,135,151)
```
#0098aa
```
#0098aa rgb(0,152,170)
```
#00aabe
```
#00aabe rgb(0,170,190)
```
#00bbd2
```
#00bbd2 rgb(0,187,210)
```
#00cde5
```
#00cde5 rgb(0,205,229)
```
#00def9
```
#00def9 rgb(0,222,249)
```

Shade Color Variation

#0de5ff
```
#0de5ff rgb(13,229,255)
```
#21e7ff
```
#21e7ff rgb(33,231,255)
```
#35e9ff
```
#35e9ff rgb(53,233,255)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#5cedff
```
#5cedff rgb(92,237,255)
```
#70f0ff
```
#70f0ff rgb(112,240,255)
```
#83f2ff
```
#83f2ff rgb(131,242,255)
```
#97f4ff
```
#97f4ff rgb(151,244,255)
```
#aaf6ff
```
#aaf6ff rgb(170,246,255)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#d2faff
```
#d2faff rgb(210,250,255)
```
#e5fcff
```
#e5fcff rgb(229,252,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#dce0e1
```
#dce0e1 rgb(220,224,225)
```
#dae2e4
```
#dae2e4 rgb(218,226,228)
```
#d7e4e6
```
#d7e4e6 rgb(215,228,230)
```
#d5e6e9
```
#d5e6e9 rgb(213,230,233)
```
#d2e8eb
```
#d2e8eb rgb(210,232,235)
```
#d0eaee
```
#d0eaee rgb(208,234,238)
```
#cdecf0
```
#cdecf0 rgb(205,236,240)
```
#cbeef3
```
#cbeef3 rgb(203,238,243)
```
#c8f0f5
```
#c8f0f5 rgb(200,240,245)
```
#c6f2f8
```
#c6f2f8 rgb(198,242,248)
```
#c3f4fa
```
#c3f4fa rgb(195,244,250)
```
#c1f6fd
```
#c1f6fd rgb(193,246,253)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#dfeaec Atypical Achromatopsia 0.001% of the population

Dichromacy

#efedf8 Protanopia 1% of men
#f7eaff Deuteranopia 1% of men
#d5f3ff Tritanopia 0.001% of the population

Trichromacy

#ddf1fb Protanomaly 1% of men, 0.01% of women
#e2efff Deuteranomaly 6% of men, 0.4% of women
#cdf5ff Tritanomaly 0.01% of the population

#bef8ff hex color

#bef8ff Color Information

#bef8ff Color Conversion

Color Schemes with #bef8ff

Alternatives to #bef8ff

#bef8ff Preview

Shades and Tints of #bef8ff

Tones of #bef8ff

Color Blindness Simulator