#baebf3 hex color

In a RGB color space, hex #baebf3 is composed of 72.9% red, 92.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 3.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 188.4 degrees, a saturation of 70.4% and a lightness of 84.1%. #baebf3 color hex could be obtained by blending #ffffff with #75d7e7. Closest websafe color is: #ccffff.

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

● #baebf3 color description : Very soft cyan.

The hexadecimal color #baebf3 has RGB values of R:186, G:235, B:243 and CMYK values of C:0.23, M:0.03, Y:0, K:0.05. Its decimal value is 12250099.

Hex triplet	baebf3	`#baebf3`
RGB Decimal	186, 235, 243	`rgb(186,235,243)`
RGB Percent	72.9, 92.2, 95.3	`rgb(72.9%,92.2%,95.3%)`
CMYK	23, 3, 0, 5
HSL	188.4°, 70.4, 84.1	`hsl(188.4,70.4%,84.1%)`
HSV (or HSB)	188.4°, 23.5, 95.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.01, -13.881, -9.027
XYZ	66.132, 76.325, 96.037
xyY	0.277, 0.32, 76.325
CIE-LCH	90.01, 16.558, 213.038
CIE-LUV	90.01, -25.022, -11.838
Hunter-Lab	87.364, -17.768, -4.021
Binary	10111010, 11101011, 11110011

#baebf3
```
#baebf3 rgb(186,235,243)
```
#f3c2ba
```
#f3c2ba rgb(243,194,186)
```

Complementary Color

#baf3df
```
#baf3df rgb(186,243,223)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#bacff3
```
#bacff3 rgb(186,207,243)
```

Analogous Color

#f3dfba
```
#f3dfba rgb(243,223,186)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#f3bacf
```
#f3bacf rgb(243,186,207)
```

Split Complementary Color

#ebf3ba
```
#ebf3ba rgb(235,243,186)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#f3baeb
```
#f3baeb rgb(243,186,235)
```

Triadic Color

#baf3c2
```
#baf3c2 rgb(186,243,194)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#f3baeb
```
#f3baeb rgb(243,186,235)
```
#f3c2ba
```
#f3c2ba rgb(243,194,186)
```

Tetradic Color

#79d8e8
```
#79d8e8 rgb(121,216,232)
```
#8fdeeb
```
#8fdeeb rgb(143,222,235)
```
#a4e5ef
```
#a4e5ef rgb(164,229,239)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#d0f1f7
```
#d0f1f7 rgb(208,241,247)
```
#e5f8fb
```
#e5f8fb rgb(229,248,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Monochromatic Color

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

#baf3ed
```
#baf3ed rgb(186,243,237)
```
#baf3f2
```
#baf3f2 rgb(186,243,242)
```
#baf0f3
```
#baf0f3 rgb(186,240,243)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#bae6f3
```
#bae6f3 rgb(186,230,243)
```
#bae2f3
```
#bae2f3 rgb(186,226,243)
```
#baddf3
```
#baddf3 rgb(186,221,243)
```

Similar Colors

Text with hexadecimal color #baebf3

This text has a font color of #baebf3.

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

#baebf3 background color

This paragraph has a background color of #baebf3.

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

#baebf3 border color

This element has a border color of #baebf3.

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

CSS codes

.text {color:#baebf3;}

.background {background-color:#baebf3;}

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#051c1f
```
#051c1f rgb(5,28,31)
```
#082a30
```
#082a30 rgb(8,42,48)
```
#0b3941
```
#0b3941 rgb(11,57,65)
```
#0e4851
```
#0e4851 rgb(14,72,81)
```
#115762
```
#115762 rgb(17,87,98)
```
#146573
```
#146573 rgb(20,101,115)
```
#177484
```
#177484 rgb(23,116,132)
```
#1a8394
```
#1a8394 rgb(26,131,148)
```
#1d92a5
```
#1d92a5 rgb(29,146,165)
```
#20a1b6
```
#20a1b6 rgb(32,161,182)
```
#22afc6
```
#22afc6 rgb(34,175,198)
```
#25bed7
```
#25bed7 rgb(37,190,215)
```

Shade Color Variation

#34c4dc
```
#34c4dc rgb(52,196,220)
```
#45c9df
```
#45c9df rgb(69,201,223)
```
#56cee2
```
#56cee2 rgb(86,206,226)
```
#66d3e4
```
#66d3e4 rgb(102,211,228)
```
#77d8e7
```
#77d8e7 rgb(119,216,231)
```
#88dcea
```
#88dcea rgb(136,220,234)
```
#99e1ed
```
#99e1ed rgb(153,225,237)
```
#a9e6f0
```
#a9e6f0 rgb(169,230,240)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#cbf0f6
```
#cbf0f6 rgb(203,240,246)
```
#dbf5f9
```
#dbf5f9 rgb(219,245,249)
```
#ecfafc
```
#ecfafc rgb(236,250,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#d6d7d7
```
#d6d7d7 rgb(214,215,215)
```
#d3d9da
```
#d3d9da rgb(211,217,218)
```
#d0dbdd
```
#d0dbdd rgb(208,219,221)
```
#cddee0
```
#cddee0 rgb(205,222,224)
```
#cae0e3
```
#cae0e3 rgb(202,224,227)
```
#c6e2e7
```
#c6e2e7 rgb(198,226,231)
```
#c3e4ea
```
#c3e4ea rgb(195,228,234)
```
#c0e7ed
```
#c0e7ed rgb(192,231,237)
```
#bde9f0
```
#bde9f0 rgb(189,233,240)
```
#baebf3
```
#baebf3 rgb(186,235,243)
```
#b7edf6
```
#b7edf6 rgb(183,237,246)
```
#b4eff9
```
#b4eff9 rgb(180,239,249)
```
#b1f2fc
```
#b1f2fc rgb(177,242,252)
```

Tone Color Variation

Below, you can see how #baebf3 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
#d6e0e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2ee Protanopia 1% of men
#efdef8 Deuteranopia 1% of men
#bfeafb Tritanopia 0.001% of the population

Trichromacy

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

#baebf3 hex color

#baebf3 Color Information

#baebf3 Color Conversion

Color Schemes with #baebf3

Alternatives to #baebf3

#baebf3 Preview

Shades and Tints of #baebf3

Tones of #baebf3

Color Blindness Simulator