#bae5ed hex color

In a RGB color space, hex #bae5ed is composed of 72.9% red, 89.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 3.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 189.4 degrees, a saturation of 58.6% and a lightness of 82.9%. #bae5ed color hex could be obtained by blending #ffffff with #75cbdb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 90
- B 93
RGB color chart
- C 22
- M 3
- Y 0
- K 7
CMYK color chart

● #bae5ed color description : Very soft cyan.

The hexadecimal color #bae5ed has RGB values of R:186, G:229, B:237 and CMYK values of C:0.22, M:0.03, Y:0, K:0.07. Its decimal value is 12248557.

Hex triplet	bae5ed	`#bae5ed`
RGB Decimal	186, 229, 237	`rgb(186,229,237)`
RGB Percent	72.9, 89.8, 92.9	`rgb(72.9%,89.8%,92.9%)`
CMYK	22, 3, 0, 7
HSL	189.4°, 58.6, 82.9	`hsl(189.4,58.6%,82.9%)`
HSV (or HSB)	189.4°, 21.5, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.252, -12.143, -8.492
XYZ	63.552, 72.59, 90.779
xyY	0.28, 0.32, 72.59
CIE-LCH	88.252, 14.818, 214.968
CIE-LUV	88.252, -22.277, -11.23
Hunter-Lab	85.2, -15.955, -3.532
Binary	10111010, 11100101, 11101101

#bae5ed
```
#bae5ed rgb(186,229,237)
```
#edc2ba
```
#edc2ba rgb(237,194,186)
```

Complementary Color

#baeddc
```
#baeddc rgb(186,237,220)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#bacced
```
#bacced rgb(186,204,237)
```

Analogous Color

#eddcba
```
#eddcba rgb(237,220,186)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#edbacc
```
#edbacc rgb(237,186,204)
```

Split Complementary Color

#e5edba
```
#e5edba rgb(229,237,186)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#edbae5
```
#edbae5 rgb(237,186,229)
```

Triadic Color

#baedc2
```
#baedc2 rgb(186,237,194)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#edbae5
```
#edbae5 rgb(237,186,229)
```
#edc2ba
```
#edc2ba rgb(237,194,186)
```

Tetradic Color

#7dcedd
```
#7dcedd rgb(125,206,221)
```
#92d6e2
```
#92d6e2 rgb(146,214,226)
```
#a6dde8
```
#a6dde8 rgb(166,221,232)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#ceedf2
```
#ceedf2 rgb(206,237,242)
```
#e2f4f8
```
#e2f4f8 rgb(226,244,248)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Monochromatic Color

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

#baede8
```
#baede8 rgb(186,237,232)
```
#baeded
```
#baeded rgb(186,237,237)
```
#bae9ed
```
#bae9ed rgb(186,233,237)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#bae1ed
```
#bae1ed rgb(186,225,237)
```
#badded
```
#badded rgb(186,221,237)
```
#bad8ed
```
#bad8ed rgb(186,216,237)
```

Similar Colors

Text with hexadecimal color #bae5ed

This text has a font color of #bae5ed.

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

#bae5ed background color

This paragraph has a background color of #bae5ed.

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

#bae5ed border color

This element has a border color of #bae5ed.

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

CSS codes

.text {color:#bae5ed;}

.background {background-color:#bae5ed;}

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061618
```
#061618 rgb(6,22,24)
```
#0a2328
```
#0a2328 rgb(10,35,40)
```
#0e3137
```
#0e3137 rgb(14,49,55)
```
#133f47
```
#133f47 rgb(19,63,71)
```
#174d57
```
#174d57 rgb(23,77,87)
```
#1b5a66
```
#1b5a66 rgb(27,90,102)
```
#1f6876
```
#1f6876 rgb(31,104,118)
```
#237685
```
#237685 rgb(35,118,133)
```
#278495
```
#278495 rgb(39,132,149)
```
#2b91a4
```
#2b91a4 rgb(43,145,164)
```
#2f9fb4
```
#2f9fb4 rgb(47,159,180)
```
#33adc3
```
#33adc3 rgb(51,173,195)
```

Shade Color Variation

#3eb6cd
```
#3eb6cd rgb(62,182,205)
```
#4dbcd1
```
#4dbcd1 rgb(77,188,209)
```
#5dc2d5
```
#5dc2d5 rgb(93,194,213)
```
#6cc8d9
```
#6cc8d9 rgb(108,200,217)
```
#7ccedd
```
#7ccedd rgb(124,206,221)
```
#8bd3e1
```
#8bd3e1 rgb(139,211,225)
```
#9bd9e5
```
#9bd9e5 rgb(155,217,229)
```
#aadfe9
```
#aadfe9 rgb(170,223,233)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#caebf1
```
#caebf1 rgb(202,235,241)
```
#d9f1f5
```
#d9f1f5 rgb(217,241,245)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#d1d5d6
```
#d1d5d6 rgb(209,213,214)
```
#ced7d9
```
#ced7d9 rgb(206,215,217)
```
#cbdadc
```
#cbdadc rgb(203,218,220)
```
#c7dce0
```
#c7dce0 rgb(199,220,224)
```
#c4dee3
```
#c4dee3 rgb(196,222,227)
```
#c1e0e6
```
#c1e0e6 rgb(193,224,230)
```
#bde3ea
```
#bde3ea rgb(189,227,234)
```
#bae5ed
```
#bae5ed rgb(186,229,237)
```
#b7e7f0
```
#b7e7f0 rgb(183,231,240)
```
#b3eaf4
```
#b3eaf4 rgb(179,234,244)
```
#b0ecf7
```
#b0ecf7 rgb(176,236,247)
```
#adeefa
```
#adeefa rgb(173,238,250)
```
#a9f0fe
```
#a9f0fe rgb(169,240,254)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3dbdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdde9 Protanopia 1% of men
#ead9f2 Deuteranopia 1% of men
#bfe5f5 Tritanopia 0.001% of the population

Trichromacy

#d2e0ea Protanomaly 1% of men, 0.01% of women
#d8ddf0 Deuteranomaly 6% of men, 0.4% of women
#bde5f2 Tritanomaly 0.01% of the population

#bae5ed hex color

#bae5ed Color Information

#bae5ed Color Conversion

Color Schemes with #bae5ed

Alternatives to #bae5ed

#bae5ed Preview

Shades and Tints of #bae5ed

Tones of #bae5ed

Color Blindness Simulator