#bae5ec hex color

In a RGB color space, hex #bae5ec is composed of 72.9% red, 89.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 3% magenta, 0% yellow and 7.5% black. It has a hue angle of 188.4 degrees, a saturation of 56.8% and a lightness of 82.7%. #bae5ec color hex could be obtained by blending #ffffff with #75cbd9. Closest websafe color is: #ccccff.

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

● #bae5ec color description : Very soft cyan.

The hexadecimal color #bae5ec has RGB values of R:186, G:229, B:236 and CMYK values of C:0.21, M:0.03, Y:0, K:0.07. Its decimal value is 12248556.

Hex triplet	bae5ec	`#bae5ec`
RGB Decimal	186, 229, 236	`rgb(186,229,236)`
RGB Percent	72.9, 89.8, 92.5	`rgb(72.9%,89.8%,92.5%)`
CMYK	21, 3, 0, 7
HSL	188.4°, 56.8, 82.7	`hsl(188.4,56.8%,82.7%)`
HSV (or HSB)	188.4°, 21.2, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.224, -12.357, -8.008
XYZ	63.406, 72.532, 90.012
xyY	0.281, 0.321, 72.532
CIE-LCH	88.224, 14.725, 212.947
CIE-LUV	88.224, -22.262, -10.421
Hunter-Lab	85.166, -16.147, -3.047
Binary	10111010, 11100101, 11101100

#bae5ec
```
#bae5ec rgb(186,229,236)
```
#ecc1ba
```
#ecc1ba rgb(236,193,186)
```

Complementary Color

#baecda
```
#baecda rgb(186,236,218)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#baccec
```
#baccec rgb(186,204,236)
```

Analogous Color

#ecdaba
```
#ecdaba rgb(236,218,186)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#ecbacc
```
#ecbacc rgb(236,186,204)
```

Split Complementary Color

#e5ecba
```
#e5ecba rgb(229,236,186)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#ecbae5
```
#ecbae5 rgb(236,186,229)
```

Triadic Color

#baecc1
```
#baecc1 rgb(186,236,193)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#ecbae5
```
#ecbae5 rgb(236,186,229)
```
#ecc1ba
```
#ecc1ba rgb(236,193,186)
```

Tetradic Color

#7ecedb
```
#7ecedb rgb(126,206,219)
```
#92d6e1
```
#92d6e1 rgb(146,214,225)
```
#a6dde6
```
#a6dde6 rgb(166,221,230)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#ceedf2
```
#ceedf2 rgb(206,237,242)
```
#e2f4f7
```
#e2f4f7 rgb(226,244,247)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Monochromatic Color

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

#baece7
```
#baece7 rgb(186,236,231)
```
#baeceb
```
#baeceb rgb(186,236,235)
```
#bae9ec
```
#bae9ec rgb(186,233,236)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#bae1ec
```
#bae1ec rgb(186,225,236)
```
#baddec
```
#baddec rgb(186,221,236)
```
#bad9ec
```
#bad9ec rgb(186,217,236)
```

Similar Colors

Text with hexadecimal color #bae5ec

This text has a font color of #bae5ec.

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

#bae5ec background color

This paragraph has a background color of #bae5ec.

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

#bae5ec border color

This element has a border color of #bae5ec.

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

CSS codes

.text {color:#bae5ec;}

.background {background-color:#bae5ec;}

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061517
```
#061517 rgb(6,21,23)
```
#0b2327
```
#0b2327 rgb(11,35,39)
```
#0f3136
```
#0f3136 rgb(15,49,54)
```
#133e45
```
#133e45 rgb(19,62,69)
```
#174c55
```
#174c55 rgb(23,76,85)
```
#1c5a64
```
#1c5a64 rgb(28,90,100)
```
#206874
```
#206874 rgb(32,104,116)
```
#247683
```
#247683 rgb(36,118,131)
```
#288392
```
#288392 rgb(40,131,146)
```
#2d91a2
```
#2d91a2 rgb(45,145,162)
```
#319fb1
```
#319fb1 rgb(49,159,177)
```
#35adc0
```
#35adc0 rgb(53,173,192)
```

Shade Color Variation

#3fb7ca
```
#3fb7ca rgb(63,183,202)
```
#4ebcce
```
#4ebcce rgb(78,188,206)
```
#5ec2d3
```
#5ec2d3 rgb(94,194,211)
```
#6dc8d7
```
#6dc8d7 rgb(109,200,215)
```
#7ccedb
```
#7ccedb rgb(124,206,219)
```
#8cd4df
```
#8cd4df rgb(140,212,223)
```
#9bd9e4
```
#9bd9e4 rgb(155,217,228)
```
#abdfe8
```
#abdfe8 rgb(171,223,232)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#c9ebf0
```
#c9ebf0 rgb(201,235,240)
```
#d9f1f4
```
#d9f1f4 rgb(217,241,244)
```
#e8f6f9
```
#e8f6f9 rgb(232,246,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#d2d4d4
```
#d2d4d4 rgb(210,212,212)
```
#ced6d8
```
#ced6d8 rgb(206,214,216)
```
#cbd9db
```
#cbd9db rgb(203,217,219)
```
#c8dbde
```
#c8dbde rgb(200,219,222)
```
#c4dee2
```
#c4dee2 rgb(196,222,226)
```
#c1e0e5
```
#c1e0e5 rgb(193,224,229)
```
#bde3e9
```
#bde3e9 rgb(189,227,233)
```
#bae5ec
```
#bae5ec rgb(186,229,236)
```
#b7e7ef
```
#b7e7ef rgb(183,231,239)
```
#b3eaf3
```
#b3eaf3 rgb(179,234,243)
```
#b0ecf6
```
#b0ecf6 rgb(176,236,246)
```
#aceffa
```
#aceffa rgb(172,239,250)
```
#a9f1fd
```
#a9f1fd rgb(169,241,253)
```

Tone Color Variation

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

#dfdde8 Protanopia 1% of men
#ead9f1 Deuteranopia 1% of men
#bfe4f5 Tritanopia 0.001% of the population

Trichromacy

#d2e0e9 Protanomaly 1% of men, 0.01% of women
#d9ddef Deuteranomaly 6% of men, 0.4% of women
#bde4f2 Tritanomaly 0.01% of the population

#bae5ec hex color

#bae5ec Color Information

#bae5ec Color Conversion

Color Schemes with #bae5ec

Alternatives to #bae5ec

#bae5ec Preview

Shades and Tints of #bae5ec

Tones of #bae5ec

Color Blindness Simulator