#baeaf5 hex color

In a RGB color space, hex #baeaf5 is composed of 72.9% red, 91.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 4.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 191.2 degrees, a saturation of 74.7% and a lightness of 84.5%. #baeaf5 color hex could be obtained by blending #ffffff with #75d5eb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 92
- B 96
RGB color chart
- C 24
- M 4
- Y 0
- K 4
CMYK color chart

● #baeaf5 color description : Very soft cyan.

The hexadecimal color #baeaf5 has RGB values of R:186, G:234, B:245 and CMYK values of C:0.24, M:0.04, Y:0, K:0.04. Its decimal value is 12249845.

Hex triplet	baeaf5	`#baeaf5`
RGB Decimal	186, 234, 245	`rgb(186,234,245)`
RGB Percent	72.9, 91.8, 96.1	`rgb(72.9%,91.8%,96.1%)`
CMYK	24, 4, 0, 4
HSL	191.2°, 74.7, 84.5	`hsl(191.2,74.7%,84.5%)`
HSV (or HSB)	191.2°, 24.1, 96.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.801, -12.942, -10.383
XYZ	66.15, 75.875, 97.541
xyY	0.276, 0.317, 75.875
CIE-LCH	89.801, 16.592, 218.741
CIE-LUV	89.801, -24.603, -14.176
Hunter-Lab	87.106, -16.88, -5.418
Binary	10111010, 11101010, 11110101

#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#f5c5ba
```
#f5c5ba rgb(245,197,186)
```

Complementary Color

#baf5e3
```
#baf5e3 rgb(186,245,227)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#bacdf5
```
#bacdf5 rgb(186,205,245)
```

Analogous Color

#f5e3ba
```
#f5e3ba rgb(245,227,186)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#f5bacd
```
#f5bacd rgb(245,186,205)
```

Split Complementary Color

#eaf5ba
```
#eaf5ba rgb(234,245,186)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#f5baea
```
#f5baea rgb(245,186,234)
```

Triadic Color

#baf5c5
```
#baf5c5 rgb(186,245,197)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#f5baea
```
#f5baea rgb(245,186,234)
```
#f5c5ba
```
#f5c5ba rgb(245,197,186)
```

Tetradic Color

#77d6eb
```
#77d6eb rgb(119,214,235)
```
#8ddcef
```
#8ddcef rgb(141,220,239)
```
#a4e3f2
```
#a4e3f2 rgb(164,227,242)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#d0f1f8
```
#d0f1f8 rgb(208,241,248)
```
#e7f8fb
```
#e7f8fb rgb(231,248,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#baf5f1
```
#baf5f1 rgb(186,245,241)
```
#baf4f5
```
#baf4f5 rgb(186,244,245)
```
#baeff5
```
#baeff5 rgb(186,239,245)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#bae5f5
```
#bae5f5 rgb(186,229,245)
```
#bae0f5
```
#bae0f5 rgb(186,224,245)
```
#badbf5
```
#badbf5 rgb(186,219,245)
```

Similar Colors

Text with hexadecimal color #baeaf5

This text has a font color of #baeaf5.

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

#baeaf5 background color

This paragraph has a background color of #baeaf5.

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

#baeaf5 border color

This element has a border color of #baeaf5.

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

CSS codes

.text {color:#baeaf5;}

.background {background-color:#baeaf5;}

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

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, #020e11 is the darkest color, while #ffffff is the lightest one.

#020e11
```
#020e11 rgb(2,14,17)
```
#051c22
```
#051c22 rgb(5,28,34)
```
#072b33
```
#072b33 rgb(7,43,51)
```
#0a3944
```
#0a3944 rgb(10,57,68)
```
#0c4855
```
#0c4855 rgb(12,72,85)
```
#0f5666
```
#0f5666 rgb(15,86,102)
```
#116477
```
#116477 rgb(17,100,119)
```
#147389
```
#147389 rgb(20,115,137)
```
#16819a
```
#16819a rgb(22,129,154)
```
#1990ab
```
#1990ab rgb(25,144,171)
```
#1b9ebc
```
#1b9ebc rgb(27,158,188)
```
#1eaccd
```
#1eaccd rgb(30,172,205)
```
#20bbde
```
#20bbde rgb(32,187,222)
```

Shade Color Variation

#31c0e1
```
#31c0e1 rgb(49,192,225)
```
#42c6e4
```
#42c6e4 rgb(66,198,228)
```
#53cbe6
```
#53cbe6 rgb(83,203,230)
```
#64d0e9
```
#64d0e9 rgb(100,208,233)
```
#75d5eb
```
#75d5eb rgb(117,213,235)
```
#87daee
```
#87daee rgb(135,218,238)
```
#98e0f0
```
#98e0f0 rgb(152,224,240)
```
#a9e5f3
```
#a9e5f3 rgb(169,229,243)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#cbeff7
```
#cbeff7 rgb(203,239,247)
```
#dcf4fa
```
#dcf4fa rgb(220,244,250)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5d9da
```
#d5d9da rgb(213,217,218)
```
#d2dbdd
```
#d2dbdd rgb(210,219,221)
```
#cfdde0
```
#cfdde0 rgb(207,221,224)
```
#ccdfe3
```
#ccdfe3 rgb(204,223,227)
```
#c9e0e6
```
#c9e0e6 rgb(201,224,230)
```
#c6e2e9
```
#c6e2e9 rgb(198,226,233)
```
#c3e4ec
```
#c3e4ec rgb(195,228,236)
```
#c0e6ef
```
#c0e6ef rgb(192,230,239)
```
#bde8f2
```
#bde8f2 rgb(189,232,242)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#b7ecf8
```
#b7ecf8 rgb(183,236,248)
```
#b4eefb
```
#b4eefb rgb(180,238,251)
```
#b1f0fe
```
#b1f0fe rgb(177,240,254)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d6e0e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e1f0 Protanopia 1% of men
#edddfa Deuteranopia 1% of men
#bfeafb Tritanopia 0.001% of the population

Trichromacy

#d4e4f2 Protanomaly 1% of men, 0.01% of women
#dae2f8 Deuteranomaly 6% of men, 0.4% of women
#bdeaf8 Tritanomaly 0.01% of the population

#baeaf5 hex color

#baeaf5 Color Information

#baeaf5 Color Conversion

Color Schemes with #baeaf5

Alternatives to #baeaf5

#baeaf5 Preview

Shades and Tints of #baeaf5

Tones of #baeaf5

Color Blindness Simulator