#baedf1 hex color

In a RGB color space, hex #baedf1 is composed of 72.9% red, 92.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 1.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 184.4 degrees, a saturation of 66.3% and a lightness of 83.7%. #baedf1 color hex could be obtained by blending #ffffff with #75dbe3. Closest websafe color is: #ccffff.

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

● #baedf1 color description : Very soft cyan.

The hexadecimal color #baedf1 has RGB values of R:186, G:237, B:241 and CMYK values of C:0.23, M:0.02, Y:0, K:0.05. Its decimal value is 12250609.

Hex triplet	baedf1	`#baedf1`
RGB Decimal	186, 237, 241	`rgb(186,237,241)`
RGB Percent	72.9, 92.9, 94.5	`rgb(72.9%,92.9%,94.5%)`
CMYK	23, 2, 0, 5
HSL	184.4°, 66.3, 83.7	`hsl(184.4,66.3%,83.7%)`
HSV (or HSB)	184.4°, 22.8, 94.5
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.485, -15.316, -7.278
XYZ	66.407, 77.356, 94.647
xyY	0.279, 0.324, 77.356
CIE-LCH	90.485, 16.957, 205.416
CIE-LUV	90.485, -25.887, -8.803
Hunter-Lab	87.952, -19.143, -2.236
Binary	10111010, 11101101, 11110001

#baedf1
```
#baedf1 rgb(186,237,241)
```
#f1beba
```
#f1beba rgb(241,190,186)
```

Complementary Color

#baf1da
```
#baf1da rgb(186,241,218)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#bad2f1
```
#bad2f1 rgb(186,210,241)
```

Analogous Color

#f1daba
```
#f1daba rgb(241,218,186)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#f1bad2
```
#f1bad2 rgb(241,186,210)
```

Split Complementary Color

#edf1ba
```
#edf1ba rgb(237,241,186)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#f1baed
```
#f1baed rgb(241,186,237)
```

Triadic Color

#baf1be
```
#baf1be rgb(186,241,190)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#f1baed
```
#f1baed rgb(241,186,237)
```
#f1beba
```
#f1beba rgb(241,190,186)
```

Tetradic Color

#7adce4
```
#7adce4 rgb(122,220,228)
```
#90e2e8
```
#90e2e8 rgb(144,226,232)
```
#a5e7ed
```
#a5e7ed rgb(165,231,237)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#cff3f5
```
#cff3f5 rgb(207,243,245)
```
#e4f8fa
```
#e4f8fa rgb(228,248,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Monochromatic Color

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

#baf1e7
```
#baf1e7 rgb(186,241,231)
```
#baf1ec
```
#baf1ec rgb(186,241,236)
```
#baf1f0
```
#baf1f0 rgb(186,241,240)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#bae8f1
```
#bae8f1 rgb(186,232,241)
```
#bae4f1
```
#bae4f1 rgb(186,228,241)
```
#badff1
```
#badff1 rgb(186,223,241)
```

Similar Colors

Text with hexadecimal color #baedf1

This text has a font color of #baedf1.

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

#baedf1 background color

This paragraph has a background color of #baedf1.

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

#baedf1 border color

This element has a border color of #baedf1.

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

CSS codes

.text {color:#baedf1;}

.background {background-color:#baedf1;}

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

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

#030c0d
```
#030c0d rgb(3,12,13)
```
#061b1d
```
#061b1d rgb(6,27,29)
```
#092b2d
```
#092b2d rgb(9,43,45)
```
#0c3a3d
```
#0c3a3d rgb(12,58,61)
```
#10494e
```
#10494e rgb(16,73,78)
```
#13595e
```
#13595e rgb(19,89,94)
```
#16686e
```
#16686e rgb(22,104,110)
```
#1a777f
```
#1a777f rgb(26,119,127)
```
#1d878f
```
#1d878f rgb(29,135,143)
```
#20969f
```
#20969f rgb(32,150,159)
```
#24a5b0
```
#24a5b0 rgb(36,165,176)
```
#27b5c0
```
#27b5c0 rgb(39,181,192)
```
#2ac4d0
```
#2ac4d0 rgb(42,196,208)
```

Shade Color Variation

#38cbd7
```
#38cbd7 rgb(56,203,215)
```
#48cfda
```
#48cfda rgb(72,207,218)
```
#58d3dd
```
#58d3dd rgb(88,211,221)
```
#68d8e0
```
#68d8e0 rgb(104,216,224)
```
#79dce4
```
#79dce4 rgb(121,220,228)
```
#89e0e7
```
#89e0e7 rgb(137,224,231)
```
#99e4ea
```
#99e4ea rgb(153,228,234)
```
#aae9ee
```
#aae9ee rgb(170,233,238)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#caf1f4
```
#caf1f4 rgb(202,241,244)
```
#dbf6f8
```
#dbf6f8 rgb(219,246,248)
```
#ebfafb
```
#ebfafb rgb(235,250,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#d4d7d7
```
#d4d7d7 rgb(212,215,215)
```
#d0dadb
```
#d0dadb rgb(208,218,219)
```
#cdddde
```
#cdddde rgb(205,221,222)
```
#cadfe1
```
#cadfe1 rgb(202,223,225)
```
#c7e2e4
```
#c7e2e4 rgb(199,226,228)
```
#c4e5e7
```
#c4e5e7 rgb(196,229,231)
```
#c0e8eb
```
#c0e8eb rgb(192,232,235)
```
#bdeaee
```
#bdeaee rgb(189,234,238)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#b7f0f4
```
#b7f0f4 rgb(183,240,244)
```
#b4f2f7
```
#b4f2f7 rgb(180,242,247)
```
#b0f5fb
```
#b0f5fb rgb(176,245,251)
```
#adf8fe
```
#adf8fe rgb(173,248,254)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e1e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e3ec Protanopia 1% of men
#f1dff6 Deuteranopia 1% of men
#c0ecfd Tritanopia 0.001% of the population

Trichromacy

#d6e7ed Protanomaly 1% of men, 0.01% of women
#dde4f4 Deuteranomaly 6% of men, 0.4% of women
#beecf8 Tritanomaly 0.01% of the population

#baedf1 hex color

#baedf1 Color Information

#baedf1 Color Conversion

Color Schemes with #baedf1

Alternatives to #baedf1

#baedf1 Preview

Shades and Tints of #baedf1

Tones of #baedf1

Color Blindness Simulator