#baeaf0 hex color

In a RGB color space, hex #baeaf0 is composed of 72.9% red, 91.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 2.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 186.7 degrees, a saturation of 64.3% and a lightness of 83.5%. #baeaf0 color hex could be obtained by blending #ffffff with #75d5e1. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 92
- B 94
RGB color chart
- C 23
- M 3
- Y 0
- K 6
CMYK color chart

● #baeaf0 color description : Very soft cyan.

The hexadecimal color #baeaf0 has RGB values of R:186, G:234, B:240 and CMYK values of C:0.23, M:0.03, Y:0, K:0.06. Its decimal value is 12249840.

Hex triplet	baeaf0	`#baeaf0`
RGB Decimal	186, 234, 240	`rgb(186,234,240)`
RGB Percent	72.9, 91.8, 94.1	`rgb(72.9%,91.8%,94.1%)`
CMYK	23, 3, 0, 6
HSL	186.7°, 64.3, 83.5	`hsl(186.7,64.3%,83.5%)`
HSV (or HSB)	186.7°, 22.5, 94.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.661, -14.025, -7.976
XYZ	65.397, 75.574, 93.575
xyY	0.279, 0.322, 75.574
CIE-LCH	89.661, 16.134, 209.625
CIE-LUV	89.661, -24.546, -10.119
Hunter-Lab	86.933, -17.854, -2.966
Binary	10111010, 11101010, 11110000

#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#f0c0ba
```
#f0c0ba rgb(240,192,186)
```

Complementary Color

#baf0db
```
#baf0db rgb(186,240,219)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#bacff0
```
#bacff0 rgb(186,207,240)
```

Analogous Color

#f0dbba
```
#f0dbba rgb(240,219,186)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#f0bacf
```
#f0bacf rgb(240,186,207)
```

Split Complementary Color

#eaf0ba
```
#eaf0ba rgb(234,240,186)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#f0baea
```
#f0baea rgb(240,186,234)
```

Triadic Color

#baf0c0
```
#baf0c0 rgb(186,240,192)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#f0baea
```
#f0baea rgb(240,186,234)
```
#f0c0ba
```
#f0c0ba rgb(240,192,186)
```

Tetradic Color

#7bd7e2
```
#7bd7e2 rgb(123,215,226)
```
#90dde7
```
#90dde7 rgb(144,221,231)
```
#a5e4eb
```
#a5e4eb rgb(165,228,235)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#cff0f5
```
#cff0f5 rgb(207,240,245)
```
#e4f7f9
```
#e4f7f9 rgb(228,247,249)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Monochromatic Color

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

#baf0e9
```
#baf0e9 rgb(186,240,233)
```
#baf0ed
```
#baf0ed rgb(186,240,237)
```
#baeff0
```
#baeff0 rgb(186,239,240)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#bae6f0
```
#bae6f0 rgb(186,230,240)
```
#bae1f0
```
#bae1f0 rgb(186,225,240)
```
#baddf0
```
#baddf0 rgb(186,221,240)
```

Similar Colors

Text with hexadecimal color #baeaf0

This text has a font color of #baeaf0.

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

#baeaf0 background color

This paragraph has a background color of #baeaf0.

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

#baeaf0 border color

This element has a border color of #baeaf0.

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

CSS codes

.text {color:#baeaf0;}

.background {background-color:#baeaf0;}

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#06191c
```
#06191c rgb(6,25,28)
```
#0a282c
```
#0a282c rgb(10,40,44)
```
#0d373c
```
#0d373c rgb(13,55,60)
```
#11454c
```
#11454c rgb(17,69,76)
```
#14545c
```
#14545c rgb(20,84,92)
```
#18636c
```
#18636c rgb(24,99,108)
```
#1b727c
```
#1b727c rgb(27,114,124)
```
#1f808c
```
#1f808c rgb(31,128,140)
```
#228f9d
```
#228f9d rgb(34,143,157)
```
#269ead
```
#269ead rgb(38,158,173)
```
#29acbd
```
#29acbd rgb(41,172,189)
```
#2dbbcd
```
#2dbbcd rgb(45,187,205)
```

Shade Color Variation

#39c3d4
```
#39c3d4 rgb(57,195,212)
```
#49c8d7
```
#49c8d7 rgb(73,200,215)
```
#59cddb
```
#59cddb rgb(89,205,219)
```
#69d1de
```
#69d1de rgb(105,209,222)
```
#7ad6e2
```
#7ad6e2 rgb(122,214,226)
```
#8adbe5
```
#8adbe5 rgb(138,219,229)
```
#9ae0e9
```
#9ae0e9 rgb(154,224,233)
```
#aae5ec
```
#aae5ec rgb(170,229,236)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#caeff4
```
#caeff4 rgb(202,239,244)
```
#daf4f7
```
#daf4f7 rgb(218,244,247)
```
#eaf9fb
```
#eaf9fb rgb(234,249,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#d4d6d6
```
#d4d6d6 rgb(212,214,214)
```
#d1d8d9
```
#d1d8d9 rgb(209,216,217)
```
#cddbdd
```
#cddbdd rgb(205,219,221)
```
#cadde0
```
#cadde0 rgb(202,221,224)
```
#c7e0e3
```
#c7e0e3 rgb(199,224,227)
```
#c4e2e6
```
#c4e2e6 rgb(196,226,230)
```
#c0e5ea
```
#c0e5ea rgb(192,229,234)
```
#bde7ed
```
#bde7ed rgb(189,231,237)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#b7edf3
```
#b7edf3 rgb(183,237,243)
```
#b4eff6
```
#b4eff6 rgb(180,239,246)
```
#b0f2fa
```
#b0f2fa rgb(176,242,250)
```
#adf4fd
```
#adf4fd rgb(173,244,253)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d5dfe0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e1eb Protanopia 1% of men
#efddf5 Deuteranopia 1% of men
#bfe9fa Tritanopia 0.001% of the population

Trichromacy

#d4e4ed Protanomaly 1% of men, 0.01% of women
#dbe1f3 Deuteranomaly 6% of men, 0.4% of women
#bde9f6 Tritanomaly 0.01% of the population

#baeaf0 hex color

#baeaf0 Color Information

#baeaf0 Color Conversion

Color Schemes with #baeaf0

Alternatives to #baeaf0

#baeaf0 Preview

Shades and Tints of #baeaf0

Tones of #baeaf0

Color Blindness Simulator