#baebf5 hex color

In a RGB color space, hex #baebf5 is composed of 72.9% red, 92.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 4.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 190.2 degrees, a saturation of 74.7% and a lightness of 84.5%. #baebf5 color hex could be obtained by blending #ffffff with #75d7eb. 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

● #baebf5 color description : Very soft cyan.

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

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

CIE-LAB	90.066, -13.446, -9.99
XYZ	66.436, 76.446, 97.636
xyY	0.276, 0.318, 76.446
CIE-LCH	90.066, 16.751, 216.61
CIE-LUV	90.066, -25.043, -13.462
Hunter-Lab	87.434, -17.377, -5.005
Binary	10111010, 11101011, 11110101

#baebf5
```
#baebf5 rgb(186,235,245)
```
#f5c4ba
```
#f5c4ba rgb(245,196,186)
```

Complementary Color

#baf5e2
```
#baf5e2 rgb(186,245,226)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#bacef5
```
#bacef5 rgb(186,206,245)
```

Analogous Color

#f5e2ba
```
#f5e2ba rgb(245,226,186)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#f5bace
```
#f5bace rgb(245,186,206)
```

Split Complementary Color

#ebf5ba
```
#ebf5ba rgb(235,245,186)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#f5baeb
```
#f5baeb rgb(245,186,235)
```

Triadic Color

#baf5c4
```
#baf5c4 rgb(186,245,196)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#f5baeb
```
#f5baeb rgb(245,186,235)
```
#f5c4ba
```
#f5c4ba rgb(245,196,186)
```

Tetradic Color

#77d8eb
```
#77d8eb rgb(119,216,235)
```
#8ddeef
```
#8ddeef rgb(141,222,239)
```
#a4e5f2
```
#a4e5f2 rgb(164,229,242)
```
#baebf5
```
#baebf5 rgb(186,235,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 #baebf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#baf5f0
```
#baf5f0 rgb(186,245,240)
```
#baf5f5
```
#baf5f5 rgb(186,245,245)
```
#baf0f5
```
#baf0f5 rgb(186,240,245)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#bae6f5
```
#bae6f5 rgb(186,230,245)
```
#bae1f5
```
#bae1f5 rgb(186,225,245)
```
#badcf5
```
#badcf5 rgb(186,220,245)
```

Similar Colors

Text with hexadecimal color #baebf5

This text has a font color of #baebf5.

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

#baebf5 background color

This paragraph has a background color of #baebf5.

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

#baebf5 border color

This element has a border color of #baebf5.

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

CSS codes

.text {color:#baebf5;}

.background {background-color:#baebf5;}

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

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)
```
#051d22
```
#051d22 rgb(5,29,34)
```
#072c33
```
#072c33 rgb(7,44,51)
```
#0a3a44
```
#0a3a44 rgb(10,58,68)
```
#0c4955
```
#0c4955 rgb(12,73,85)
```
#0f5766
```
#0f5766 rgb(15,87,102)
```
#116677
```
#116677 rgb(17,102,119)
```
#147589
```
#147589 rgb(20,117,137)
```
#16839a
```
#16839a rgb(22,131,154)
```
#1992ab
```
#1992ab rgb(25,146,171)
```
#1ba1bc
```
#1ba1bc rgb(27,161,188)
```
#1eafcd
```
#1eafcd rgb(30,175,205)
```
#20bede
```
#20bede rgb(32,190,222)
```

Shade Color Variation

#31c3e1
```
#31c3e1 rgb(49,195,225)
```
#42c8e4
```
#42c8e4 rgb(66,200,228)
```
#53cde6
```
#53cde6 rgb(83,205,230)
```
#64d2e9
```
#64d2e9 rgb(100,210,233)
```
#75d7eb
```
#75d7eb rgb(117,215,235)
```
#87dcee
```
#87dcee rgb(135,220,238)
```
#98e1f0
```
#98e1f0 rgb(152,225,240)
```
#a9e6f3
```
#a9e6f3 rgb(169,230,243)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#cbf0f7
```
#cbf0f7 rgb(203,240,247)
```
#dcf5fa
```
#dcf5fa rgb(220,245,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 #b1f1fe 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)
```
#c9e1e6
```
#c9e1e6 rgb(201,225,230)
```
#c6e3e9
```
#c6e3e9 rgb(198,227,233)
```
#c3e5ec
```
#c3e5ec rgb(195,229,236)
```
#c0e7ef
```
#c0e7ef rgb(192,231,239)
```
#bde9f2
```
#bde9f2 rgb(189,233,242)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#b7edf8
```
#b7edf8 rgb(183,237,248)
```
#b4effb
```
#b4effb rgb(180,239,251)
```
#b1f1fe
```
#b1f1fe rgb(177,241,254)
```

Tone Color Variation

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

#e4e2f0 Protanopia 1% of men
#eedefa Deuteranopia 1% of men
#bfeafb Tritanopia 0.001% of the population

Trichromacy

#d4e5f2 Protanomaly 1% of men, 0.01% of women
#dbe2f8 Deuteranomaly 6% of men, 0.4% of women
#bdeaf9 Tritanomaly 0.01% of the population

#baebf5 hex color

#baebf5 Color Information

#baebf5 Color Conversion

Color Schemes with #baebf5

Alternatives to #baebf5

#baebf5 Preview

Shades and Tints of #baebf5

Tones of #baebf5

Color Blindness Simulator