#baf1dc hex color

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

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

● #baf1dc color description : Very soft cyan - lime green.

The hexadecimal color #baf1dc has RGB values of R:186, G:241, B:220 and CMYK values of C:0.23, M:0, Y:0.09, K:0.05. Its decimal value is 12251612.

Hex triplet	baf1dc	`#baf1dc`
RGB Decimal	186, 241, 220	`rgb(186,241,220)`
RGB Percent	72.9, 94.5, 86.3	`rgb(72.9%,94.5%,86.3%)`
CMYK	23, 0, 9, 5
HSL	157.1°, 66.3, 83.7	`hsl(157.1,66.3%,83.7%)`
HSV (or HSB)	157.1°, 22.8, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.014, -21.613, 4.447
XYZ	64.62, 78.515, 79.456
xyY	0.29, 0.353, 78.515
CIE-LCH	91.014, 22.066, 168.374
CIE-LUV	91.014, -27.539, 10.518
Hunter-Lab	88.609, -24.89, 8.86
Binary	10111010, 11110001, 11011100

#baf1dc
```
#baf1dc rgb(186,241,220)
```
#f1bacf
```
#f1bacf rgb(241,186,207)
```

Complementary Color

#baf1c1
```
#baf1c1 rgb(186,241,193)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#baebf1
```
#baebf1 rgb(186,235,241)
```

Analogous Color

#f1c1ba
```
#f1c1ba rgb(241,193,186)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#f1baeb
```
#f1baeb rgb(241,186,235)
```

Split Complementary Color

#f1dcba
```
#f1dcba rgb(241,220,186)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#dcbaf1
```
#dcbaf1 rgb(220,186,241)
```

Triadic Color

#cff1ba
```
#cff1ba rgb(207,241,186)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#dcbaf1
```
#dcbaf1 rgb(220,186,241)
```
#f1bacf
```
#f1bacf rgb(241,186,207)
```

Tetradic Color

#7ae4bc
```
#7ae4bc rgb(122,228,188)
```
#90e8c6
```
#90e8c6 rgb(144,232,198)
```
#a5edd1
```
#a5edd1 rgb(165,237,209)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#cff5e7
```
#cff5e7 rgb(207,245,231)
```
#e4faf2
```
#e4faf2 rgb(228,250,242)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Monochromatic Color

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

#baf1ce
```
#baf1ce rgb(186,241,206)
```
#baf1d3
```
#baf1d3 rgb(186,241,211)
```
#baf1d7
```
#baf1d7 rgb(186,241,215)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#baf1e1
```
#baf1e1 rgb(186,241,225)
```
#baf1e5
```
#baf1e5 rgb(186,241,229)
```
#baf1ea
```
#baf1ea rgb(186,241,234)
```

Similar Colors

Text with hexadecimal color #baf1dc

This text has a font color of #baf1dc.

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

#baf1dc background color

This paragraph has a background color of #baf1dc.

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

#baf1dc border color

This element has a border color of #baf1dc.

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

CSS codes

.text {color:#baf1dc;}

.background {background-color:#baf1dc;}

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

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

#030d09
```
#030d09 rgb(3,13,9)
```
#061d14
```
#061d14 rgb(6,29,20)
```
#092d1f
```
#092d1f rgb(9,45,31)
```
#0c3d2b
```
#0c3d2b rgb(12,61,43)
```
#104e36
```
#104e36 rgb(16,78,54)
```
#135e41
```
#135e41 rgb(19,94,65)
```
#166e4d
```
#166e4d rgb(22,110,77)
```
#1a7f58
```
#1a7f58 rgb(26,127,88)
```
#1d8f63
```
#1d8f63 rgb(29,143,99)
```
#209f6f
```
#209f6f rgb(32,159,111)
```
#24b07a
```
#24b07a rgb(36,176,122)
```
#27c086
```
#27c086 rgb(39,192,134)
```
#2ad091
```
#2ad091 rgb(42,208,145)
```

Shade Color Variation

#38d79a
```
#38d79a rgb(56,215,154)
```
#48daa2
```
#48daa2 rgb(72,218,162)
```
#58ddaa
```
#58ddaa rgb(88,221,170)
```
#68e0b3
```
#68e0b3 rgb(104,224,179)
```
#79e4bb
```
#79e4bb rgb(121,228,187)
```
#89e7c3
```
#89e7c3 rgb(137,231,195)
```
#99eacb
```
#99eacb rgb(153,234,203)
```
#aaeed4
```
#aaeed4 rgb(170,238,212)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#caf4e4
```
#caf4e4 rgb(202,244,228)
```
#dbf8ed
```
#dbf8ed rgb(219,248,237)
```
#ebfbf5
```
#ebfbf5 rgb(235,251,245)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#d4d7d6
```
#d4d7d6 rgb(212,215,214)
```
#d0dbd7
```
#d0dbd7 rgb(208,219,215)
```
#cdded7
```
#cdded7 rgb(205,222,215)
```
#cae1d8
```
#cae1d8 rgb(202,225,216)
```
#c7e4d9
```
#c7e4d9 rgb(199,228,217)
```
#c4e7da
```
#c4e7da rgb(196,231,218)
```
#c0ebda
```
#c0ebda rgb(192,235,218)
```
#bdeedb
```
#bdeedb rgb(189,238,219)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#b7f4dd
```
#b7f4dd rgb(183,244,221)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#b0fbde
```
#b0fbde rgb(176,251,222)
```
#adfedf
```
#adfedf rgb(173,254,223)
```

Tone Color Variation

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

Dichromacy

#eee5d7 Protanopia 1% of men
#fcdfe3 Deuteranopia 1% of men
#c5ecfd Tritanopia 0.001% of the population

Trichromacy

#dbe9d9 Protanomaly 1% of men, 0.01% of women
#e4e5e0 Deuteranomaly 6% of men, 0.4% of women
#c1eef1 Tritanomaly 0.01% of the population

#baf1dc hex color

#baf1dc Color Information

#baf1dc Color Conversion

Color Schemes with #baf1dc

Alternatives to #baf1dc

#baf1dc Preview

Shades and Tints of #baf1dc

Tones of #baf1dc

Color Blindness Simulator