#bae5f1 hex color

In a RGB color space, hex #bae5f1 is composed of 72.9% red, 89.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 5% magenta, 0% yellow and 5.5% black. It has a hue angle of 193.1 degrees, a saturation of 66.3% and a lightness of 83.7%. #bae5f1 color hex could be obtained by blending #ffffff with #75cbe3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 90
- B 95
RGB color chart
- C 23
- M 5
- Y 0
- K 5
CMYK color chart

● #bae5f1 color description : Very soft cyan.

The hexadecimal color #bae5f1 has RGB values of R:186, G:229, B:241 and CMYK values of C:0.23, M:0.05, Y:0, K:0.05. Its decimal value is 12248561.

Hex triplet	bae5f1	`#bae5f1`
RGB Decimal	186, 229, 241	`rgb(186,229,241)`
RGB Percent	72.9, 89.8, 94.5	`rgb(72.9%,89.8%,94.5%)`
CMYK	23, 5, 0, 5
HSL	193.1°, 66.3, 83.7	`hsl(193.1,66.3%,83.7%)`
HSV (or HSB)	193.1°, 22.8, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.365, -11.279, -10.425
XYZ	64.143, 72.827, 93.892
xyY	0.278, 0.315, 72.827
CIE-LCH	88.365, 15.359, 222.746
CIE-LUV	88.365, -22.338, -14.48
Hunter-Lab	85.339, -15.178, -5.495
Binary	10111010, 11100101, 11110001

#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#f1c6ba
```
#f1c6ba rgb(241,198,186)
```

Complementary Color

#baf1e2
```
#baf1e2 rgb(186,241,226)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#bacaf1
```
#bacaf1 rgb(186,202,241)
```

Analogous Color

#f1e2ba
```
#f1e2ba rgb(241,226,186)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#f1baca
```
#f1baca rgb(241,186,202)
```

Split Complementary Color

#e5f1ba
```
#e5f1ba rgb(229,241,186)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#f1bae5
```
#f1bae5 rgb(241,186,229)
```

Triadic Color

#baf1c6
```
#baf1c6 rgb(186,241,198)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#f1bae5
```
#f1bae5 rgb(241,186,229)
```
#f1c6ba
```
#f1c6ba rgb(241,198,186)
```

Tetradic Color

#7acde4
```
#7acde4 rgb(122,205,228)
```
#90d5e8
```
#90d5e8 rgb(144,213,232)
```
#a5dded
```
#a5dded rgb(165,221,237)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#cfedf5
```
#cfedf5 rgb(207,237,245)
```
#e4f5fa
```
#e4f5fa rgb(228,245,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Monochromatic Color

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

#baf1ef
```
#baf1ef rgb(186,241,239)
```
#baeef1
```
#baeef1 rgb(186,238,241)
```
#baeaf1
```
#baeaf1 rgb(186,234,241)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#bae0f1
```
#bae0f1 rgb(186,224,241)
```
#badcf1
```
#badcf1 rgb(186,220,241)
```
#bad7f1
```
#bad7f1 rgb(186,215,241)
```

Similar Colors

Text with hexadecimal color #bae5f1

This text has a font color of #bae5f1.

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

#bae5f1 background color

This paragraph has a background color of #bae5f1.

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

#bae5f1 border color

This element has a border color of #bae5f1.

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

CSS codes

.text {color:#bae5f1;}

.background {background-color:#bae5f1;}

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

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, #030a0d is the darkest color, while #fbfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06181d
```
#06181d rgb(6,24,29)
```
#09252d
```
#09252d rgb(9,37,45)
```
#0c333d
```
#0c333d rgb(12,51,61)
```
#10404e
```
#10404e rgb(16,64,78)
```
#134e5e
```
#134e5e rgb(19,78,94)
```
#165b6e
```
#165b6e rgb(22,91,110)
```
#1a697f
```
#1a697f rgb(26,105,127)
```
#1d768f
```
#1d768f rgb(29,118,143)
```
#20849f
```
#20849f rgb(32,132,159)
```
#2491b0
```
#2491b0 rgb(36,145,176)
```
#279fc0
```
#279fc0 rgb(39,159,192)
```
#2aacd0
```
#2aacd0 rgb(42,172,208)
```

Shade Color Variation

#38b4d7
```
#38b4d7 rgb(56,180,215)
```
#48bada
```
#48bada rgb(72,186,218)
```
#58c0dd
```
#58c0dd rgb(88,192,221)
```
#68c6e0
```
#68c6e0 rgb(104,198,224)
```
#79cce4
```
#79cce4 rgb(121,204,228)
```
#89d3e7
```
#89d3e7 rgb(137,211,231)
```
#99d9ea
```
#99d9ea rgb(153,217,234)
```
#aadfee
```
#aadfee rgb(170,223,238)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#caebf4
```
#caebf4 rgb(202,235,244)
```
#dbf1f8
```
#dbf1f8 rgb(219,241,248)
```
#ebf7fb
```
#ebf7fb rgb(235,247,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#d4d7d7
```
#d4d7d7 rgb(212,215,215)
```
#d0d8db
```
#d0d8db rgb(208,216,219)
```
#cddade
```
#cddade rgb(205,218,222)
```
#cadce1
```
#cadce1 rgb(202,220,225)
```
#c7dee4
```
#c7dee4 rgb(199,222,228)
```
#c4e0e7
```
#c4e0e7 rgb(196,224,231)
```
#c0e1eb
```
#c0e1eb rgb(192,225,235)
```
#bde3ee
```
#bde3ee rgb(189,227,238)
```
#bae5f1
```
#bae5f1 rgb(186,229,241)
```
#b7e7f4
```
#b7e7f4 rgb(183,231,244)
```
#b4e9f7
```
#b4e9f7 rgb(180,233,247)
```
#b0eafb
```
#b0eafb rgb(176,234,251)
```
#adecfe
```
#adecfe rgb(173,236,254)
```

Tone Color Variation

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

Dichromacy

#dfdeed Protanopia 1% of men
#e9d9f5 Deuteranopia 1% of men
#bee5f6 Tritanopia 0.001% of the population

Trichromacy

#d1e0ee Protanomaly 1% of men, 0.01% of women
#d8ddf4 Deuteranomaly 6% of men, 0.4% of women
#bce5f4 Tritanomaly 0.01% of the population

#bae5f1 hex color

#bae5f1 Color Information

#bae5f1 Color Conversion

Color Schemes with #bae5f1

Alternatives to #bae5f1

#bae5f1 Preview

Shades and Tints of #bae5f1

Tones of #bae5f1

Color Blindness Simulator