#baeafd hex color

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

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

● #baeafd color description : Very soft blue.

The hexadecimal color #baeafd has RGB values of R:186, G:234, B:253 and CMYK values of C:0.26, M:0.08, Y:0, K:0.01. Its decimal value is 12249853.

Hex triplet	baeafd	`#baeafd`
RGB Decimal	186, 234, 253	`rgb(186,234,253)`
RGB Percent	72.9, 91.8, 99.2	`rgb(72.9%,91.8%,99.2%)`
CMYK	26, 8, 0, 1
HSL	197°, 94.4, 86.1	`hsl(197,94.4%,86.1%)`
HSV (or HSB)	197°, 26.5, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.033, -11.17, -14.221
XYZ	67.398, 76.374, 104.114
xyY	0.272, 0.308, 76.374
CIE-LCH	90.033, 18.083, 231.85
CIE-LUV	90.033, -24.695, -20.725
Hunter-Lab	87.392, -15.276, -9.459
Binary	10111010, 11101010, 11111101

#baeafd
```
#baeafd rgb(186,234,253)
```
#fdcdba
```
#fdcdba rgb(253,205,186)
```

Complementary Color

#bafdef
```
#bafdef rgb(186,253,239)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#bac9fd
```
#bac9fd rgb(186,201,253)
```

Analogous Color

#fdefba
```
#fdefba rgb(253,239,186)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#fdbac9
```
#fdbac9 rgb(253,186,201)
```

Split Complementary Color

#eafdba
```
#eafdba rgb(234,253,186)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#fdbaea
```
#fdbaea rgb(253,186,234)
```

Triadic Color

#bafdcd
```
#bafdcd rgb(186,253,205)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#fdbaea
```
#fdbaea rgb(253,186,234)
```
#fdcdba
```
#fdcdba rgb(253,205,186)
```

Tetradic Color

#70d3fb
```
#70d3fb rgb(112,211,251)
```
#88dbfc
```
#88dbfc rgb(136,219,252)
```
#a1e2fc
```
#a1e2fc rgb(161,226,252)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#d3f2fe
```
#d3f2fe rgb(211,242,254)
```
#ecf9fe
```
#ecf9fe rgb(236,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bafbfd
```
#bafbfd rgb(186,251,253)
```
#baf5fd
```
#baf5fd rgb(186,245,253)
```
#baf0fd
```
#baf0fd rgb(186,240,253)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#badffd
```
#badffd rgb(186,223,253)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```

Similar Colors

Text with hexadecimal color #baeafd

This text has a font color of #baeafd.

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

#baeafd background color

This paragraph has a background color of #baeafd.

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

#baeafd border color

This element has a border color of #baeafd.

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

CSS codes

.text {color:#baeafd;}

.background {background-color:#baeafd;}

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

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

#000507
```
#000507 rgb(0,5,7)
```
#01131a
```
#01131a rgb(1,19,26)
```
#01212d
```
#01212d rgb(1,33,45)
```
#022f40
```
#022f40 rgb(2,47,64)
```
#023d54
```
#023d54 rgb(2,61,84)
```
#034a67
```
#034a67 rgb(3,74,103)
```
#04587a
```
#04587a rgb(4,88,122)
```
#04668d
```
#04668d rgb(4,102,141)
```
#0574a0
```
#0574a0 rgb(5,116,160)
```
#0582b3
```
#0582b3 rgb(5,130,179)
```
#068fc6
```
#068fc6 rgb(6,143,198)
```
#069dd9
```
#069dd9 rgb(6,157,217)
```
#07abec
```
#07abec rgb(7,171,236)
```

Shade Color Variation

#0eb6f8
```
#0eb6f8 rgb(14,182,248)
```
#21bcf9
```
#21bcf9 rgb(33,188,249)
```
#35c1f9
```
#35c1f9 rgb(53,193,249)
```
#48c7fa
```
#48c7fa rgb(72,199,250)
```
#5bcdfa
```
#5bcdfa rgb(91,205,250)
```
#6ed3fb
```
#6ed3fb rgb(110,211,251)
```
#81d9fb
```
#81d9fb rgb(129,217,251)
```
#94defc
```
#94defc rgb(148,222,252)
```
#a7e4fc
```
#a7e4fc rgb(167,228,252)
```
#baeafd
```
#baeafd rgb(186,234,253)
```
#cdf0fe
```
#cdf0fe rgb(205,240,254)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fbff
```
#f3fbff rgb(243,251,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 #baeafd is the most saturated one.

#dbdcdc
```
#dbdcdc rgb(219,220,220)
```
#d8dddf
```
#d8dddf rgb(216,221,223)
```
#d5dee2
```
#d5dee2 rgb(213,222,226)
```
#d3dfe4
```
#d3dfe4 rgb(211,223,228)
```
#d0e1e7
```
#d0e1e7 rgb(208,225,231)
```
#cde2ea
```
#cde2ea rgb(205,226,234)
```
#cae3ed
```
#cae3ed rgb(202,227,237)
```
#c8e4ef
```
#c8e4ef rgb(200,228,239)
```
#c5e5f2
```
#c5e5f2 rgb(197,229,242)
```
#c2e6f5
```
#c2e6f5 rgb(194,230,245)
```
#bfe8f8
```
#bfe8f8 rgb(191,232,248)
```
#bde9fa
```
#bde9fa rgb(189,233,250)
```
#baeafd
```
#baeafd rgb(186,234,253)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e0e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1e2f8 Protanopia 1% of men
#e9dfff Deuteranopia 1% of men
#bdebfc Tritanopia 0.001% of the population

Trichromacy

#d3e5f9 Protanomaly 1% of men, 0.01% of women
#d8e3fe Deuteranomaly 6% of men, 0.4% of women
#bceafc Tritanomaly 0.01% of the population

#baeafd hex color

#baeafd Color Information

#baeafd Color Conversion

Color Schemes with #baeafd

Alternatives to #baeafd

#baeafd Preview

Shades and Tints of #baeafd

Tones of #baeafd

Color Blindness Simulator