#bef4fa hex color

In a RGB color space, hex #bef4fa is composed of 74.5% red, 95.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 2.4% magenta, 0% yellow and 2% black. It has a hue angle of 186 degrees, a saturation of 85.7% and a lightness of 86.3%. #bef4fa color hex could be obtained by blending #ffffff with #7de9f5. Closest websafe color is: #ccffff.

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

● #bef4fa color description : Very soft cyan.

The hexadecimal color #bef4fa has RGB values of R:190, G:244, B:250 and CMYK values of C:0.24, M:0.02, Y:0, K:0.02. Its decimal value is 12514554.

Hex triplet	bef4fa	`#bef4fa`
RGB Decimal	190, 244, 250	`rgb(190,244,250)`
RGB Percent	74.5, 95.7, 98	`rgb(74.5%,95.7%,98%)`
CMYK	24, 2, 0, 2
HSL	186°, 85.7, 86.3	`hsl(186,85.7%,86.3%)`
HSV (or HSB)	186°, 24, 98
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.816, -15.71, -8.487
XYZ	70.837, 82.548, 102.638
xyY	0.277, 0.322, 82.548
CIE-LCH	92.816, 17.856, 208.378
CIE-LUV	92.816, -27.277, -10.711
Hunter-Lab	90.856, -19.828, -3.379
Binary	10111110, 11110100, 11111010

#bef4fa
```
#bef4fa rgb(190,244,250)
```
#fac4be
```
#fac4be rgb(250,196,190)
```

Complementary Color

#befae2
```
#befae2 rgb(190,250,226)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#bed6fa
```
#bed6fa rgb(190,214,250)
```

Analogous Color

#fae2be
```
#fae2be rgb(250,226,190)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#fabed6
```
#fabed6 rgb(250,190,214)
```

Split Complementary Color

#f4fabe
```
#f4fabe rgb(244,250,190)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#fabef4
```
#fabef4 rgb(250,190,244)
```

Triadic Color

#befac4
```
#befac4 rgb(190,250,196)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#fabef4
```
#fabef4 rgb(250,190,244)
```
#fac4be
```
#fac4be rgb(250,196,190)
```

Tetradic Color

#77e8f5
```
#77e8f5 rgb(119,232,245)
```
#8fecf6
```
#8fecf6 rgb(143,236,246)
```
#a6f0f8
```
#a6f0f8 rgb(166,240,248)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#d6f8fc
```
#d6f8fc rgb(214,248,252)
```
#edfcfe
```
#edfcfe rgb(237,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#befaf1
```
#befaf1 rgb(190,250,241)
```
#befaf6
```
#befaf6 rgb(190,250,246)
```
#bef9fa
```
#bef9fa rgb(190,249,250)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#beeffa
```
#beeffa rgb(190,239,250)
```
#beeafa
```
#beeafa rgb(190,234,250)
```
#bee5fa
```
#bee5fa rgb(190,229,250)
```

Similar Colors

Text with hexadecimal color #bef4fa

This text has a font color of #bef4fa.

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

#bef4fa background color

This paragraph has a background color of #bef4fa.

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

#bef4fa border color

This element has a border color of #bef4fa.

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

CSS codes

.text {color:#bef4fa;}

.background {background-color:#bef4fa;}

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

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

#010708
```
#010708 rgb(1,7,8)
```
#02181a
```
#02181a rgb(2,24,26)
```
#03282c
```
#03282c rgb(3,40,44)
```
#05393f
```
#05393f rgb(5,57,63)
```
#064951
```
#064951 rgb(6,73,81)
```
#085a63
```
#085a63 rgb(8,90,99)
```
#096a75
```
#096a75 rgb(9,106,117)
```
#0a7b87
```
#0a7b87 rgb(10,123,135)
```
#0c8b9a
```
#0c8b9a rgb(12,139,154)
```
#0d9cac
```
#0d9cac rgb(13,156,172)
```
#0facbe
```
#0facbe rgb(15,172,190)
```
#10bdd0
```
#10bdd0 rgb(16,189,208)
```
#11cee2
```
#11cee2 rgb(17,206,226)
```

Shade Color Variation

#1ad8ed
```
#1ad8ed rgb(26,216,237)
```
#2cdbef
```
#2cdbef rgb(44,219,239)
```
#3fdef0
```
#3fdef0 rgb(63,222,240)
```
#51e2f2
```
#51e2f2 rgb(81,226,242)
```
#63e5f3
```
#63e5f3 rgb(99,229,243)
```
#75e8f4
```
#75e8f4 rgb(117,232,244)
```
#87ebf6
```
#87ebf6 rgb(135,235,246)
```
#9aeef7
```
#9aeef7 rgb(154,238,247)
```
#acf1f9
```
#acf1f9 rgb(172,241,249)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#d0f7fb
```
#d0f7fb rgb(208,247,251)
```
#e2fafd
```
#e2fafd rgb(226,250,253)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#dcdcdc
```
#dcdcdc rgb(220,220,220)
```
#d9dedf
```
#d9dedf rgb(217,222,223)
```
#d6e1e2
```
#d6e1e2 rgb(214,225,226)
```
#d4e3e4
```
#d4e3e4 rgb(212,227,228)
```
#d1e5e7
```
#d1e5e7 rgb(209,229,231)
```
#cee7ea
```
#cee7ea rgb(206,231,234)
```
#cbe9ed
```
#cbe9ed rgb(203,233,237)
```
#c9ebef
```
#c9ebef rgb(201,235,239)
```
#c6eef2
```
#c6eef2 rgb(198,238,242)
```
#c3f0f5
```
#c3f0f5 rgb(195,240,245)
```
#c1f2f7
```
#c1f2f7 rgb(193,242,247)
```
#bef4fa
```
#bef4fa rgb(190,244,250)
```
#bbf6fd
```
#bbf6fd rgb(187,246,253)
```

Tone Color Variation

Below, you can see how #bef4fa 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
#dde8e9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eceaf4 Protanopia 1% of men
#f7e5ff Deuteranopia 1% of men
#cef1ff Tritanopia 0.001% of the population

Trichromacy

#dbedf6 Protanomaly 1% of men, 0.01% of women
#e2eafd Deuteranomaly 6% of men, 0.4% of women
#c8f2fd Tritanomaly 0.01% of the population

#bef4fa hex color

#bef4fa Color Information

#bef4fa Color Conversion

Color Schemes with #bef4fa

Alternatives to #bef4fa

#bef4fa Preview

Shades and Tints of #bef4fa

Tones of #bef4fa

Color Blindness Simulator