#bae4fd hex color

In a RGB color space, hex #bae4fd is composed of 72.9% red, 89.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 9.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.4 degrees, a saturation of 94.4% and a lightness of 86.1%. #bae4fd color hex could be obtained by blending #ffffff with #75c9fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 89
- B 99
RGB color chart
- C 26
- M 10
- Y 0
- K 1
CMYK color chart

● #bae4fd color description : Very soft blue.

The hexadecimal color #bae4fd has RGB values of R:186, G:228, B:253 and CMYK values of C:0.26, M:0.1, Y:0, K:0.01. Its decimal value is 12248317.

Hex triplet	bae4fd	`#bae4fd`
RGB Decimal	186, 228, 253	`rgb(186,228,253)`
RGB Percent	72.9, 89.4, 99.2	`rgb(72.9%,89.4%,99.2%)`
CMYK	26, 10, 0, 1
HSL	202.4°, 94.4, 86.1	`hsl(202.4,94.4%,86.1%)`
HSV (or HSB)	202.4°, 26.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.455, -8.105, -16.587
XYZ	65.719, 73.016, 103.554
xyY	0.271, 0.301, 73.016
CIE-LCH	88.455, 18.461, 243.96
CIE-LUV	88.455, -22.09, -25.059
Hunter-Lab	85.449, -12.253, -12.038
Binary	10111010, 11100100, 11111101

#bae4fd
```
#bae4fd rgb(186,228,253)
```
#fdd3ba
```
#fdd3ba rgb(253,211,186)
```

Complementary Color

#bafdf5
```
#bafdf5 rgb(186,253,245)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#bac3fd
```
#bac3fd rgb(186,195,253)
```

Analogous Color

#fdf5ba
```
#fdf5ba rgb(253,245,186)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#fdbac3
```
#fdbac3 rgb(253,186,195)
```

Split Complementary Color

#e4fdba
```
#e4fdba rgb(228,253,186)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#fdbae4
```
#fdbae4 rgb(253,186,228)
```

Triadic Color

#bafdd3
```
#bafdd3 rgb(186,253,211)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#fdbae4
```
#fdbae4 rgb(253,186,228)
```
#fdd3ba
```
#fdd3ba rgb(253,211,186)
```

Tetradic Color

#70c7fb
```
#70c7fb rgb(112,199,251)
```
#88d1fc
```
#88d1fc rgb(136,209,252)
```
#a1dafc
```
#a1dafc rgb(161,218,252)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#d3eefe
```
#d3eefe rgb(211,238,254)
```
#ecf7fe
```
#ecf7fe rgb(236,247,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baf5fd
```
#baf5fd rgb(186,245,253)
```
#baeffd
```
#baeffd rgb(186,239,253)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#badefd
```
#badefd rgb(186,222,253)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#bad3fd
```
#bad3fd rgb(186,211,253)
```

Similar Colors

Text with hexadecimal color #bae4fd

This text has a font color of #bae4fd.

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

#bae4fd background color

This paragraph has a background color of #bae4fd.

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

#bae4fd border color

This element has a border color of #bae4fd.

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

CSS codes

.text {color:#bae4fd;}

.background {background-color:#bae4fd;}

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

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

#000507
```
#000507 rgb(0,5,7)
```
#01111a
```
#01111a rgb(1,17,26)
```
#011d2d
```
#011d2d rgb(1,29,45)
```
#022940
```
#022940 rgb(2,41,64)
```
#023554
```
#023554 rgb(2,53,84)
```
#034167
```
#034167 rgb(3,65,103)
```
#044e7a
```
#044e7a rgb(4,78,122)
```
#045a8d
```
#045a8d rgb(4,90,141)
```
#0566a0
```
#0566a0 rgb(5,102,160)
```
#0572b3
```
#0572b3 rgb(5,114,179)
```
#067ec6
```
#067ec6 rgb(6,126,198)
```
#068ad9
```
#068ad9 rgb(6,138,217)
```
#0796ec
```
#0796ec rgb(7,150,236)
```

Shade Color Variation

#0ea1f8
```
#0ea1f8 rgb(14,161,248)
```
#21a8f9
```
#21a8f9 rgb(33,168,249)
```
#35b0f9
```
#35b0f9 rgb(53,176,249)
```
#48b7fa
```
#48b7fa rgb(72,183,250)
```
#5bbffa
```
#5bbffa rgb(91,191,250)
```
#6ec6fb
```
#6ec6fb rgb(110,198,251)
```
#81cefb
```
#81cefb rgb(129,206,251)
```
#94d5fc
```
#94d5fc rgb(148,213,252)
```
#a7ddfc
```
#a7ddfc rgb(167,221,252)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#cdebfe
```
#cdebfe rgb(205,235,254)
```
#e0f3fe
```
#e0f3fe rgb(224,243,254)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

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

#dbdcdc
```
#dbdcdc rgb(219,220,220)
```
#d8dcdf
```
#d8dcdf rgb(216,220,223)
```
#d5dde2
```
#d5dde2 rgb(213,221,226)
```
#d3dee4
```
#d3dee4 rgb(211,222,228)
```
#d0dee7
```
#d0dee7 rgb(208,222,231)
```
#cddfea
```
#cddfea rgb(205,223,234)
```
#cae0ed
```
#cae0ed rgb(202,224,237)
```
#c8e1ef
```
#c8e1ef rgb(200,225,239)
```
#c5e1f2
```
#c5e1f2 rgb(197,225,242)
```
#c2e2f5
```
#c2e2f5 rgb(194,226,245)
```
#bfe3f8
```
#bfe3f8 rgb(191,227,248)
```
#bde3fa
```
#bde3fa rgb(189,227,250)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d4dce1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdef8 Protanopia 1% of men
#e3daff Deuteranopia 1% of men
#bce6f7 Tritanopia 0.001% of the population

Trichromacy

#cfe0fa Protanomaly 1% of men, 0.01% of women
#d4defe Deuteranomaly 6% of men, 0.4% of women
#bbe5f9 Tritanomaly 0.01% of the population

#bae4fd hex color

#bae4fd Color Information

#bae4fd Color Conversion

Color Schemes with #bae4fd

Alternatives to #bae4fd

#bae4fd Preview

Shades and Tints of #bae4fd

Tones of #bae4fd

Color Blindness Simulator