#baf0d3 hex color

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

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

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

The hexadecimal color #baf0d3 has RGB values of R:186, G:240, B:211 and CMYK values of C:0.23, M:0, Y:0.12, K:0.06. Its decimal value is 12251347.

Hex triplet	baf0d3	`#baf0d3`
RGB Decimal	186, 240, 211	`rgb(186,240,211)`
RGB Percent	72.9, 94.1, 82.7	`rgb(72.9%,94.1%,82.7%)`
CMYK	23, 0, 12, 6
HSL	147.8°, 64.3, 83.5	`hsl(147.8,64.3%,83.5%)`
HSV (or HSB)	147.8°, 22.5, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.533, -22.865, 8.435
XYZ	63.165, 77.461, 73.248
xyY	0.295, 0.362, 77.461
CIE-LCH	90.533, 24.371, 159.751
CIE-LUV	90.533, -27.031, 16.687
Hunter-Lab	88.012, -25.914, 12.264
Binary	10111010, 11110000, 11010011

#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#f0bad7
```
#f0bad7 rgb(240,186,215)
```

Complementary Color

#bcf0ba
```
#bcf0ba rgb(188,240,186)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#baf0ee
```
#baf0ee rgb(186,240,238)
```

Analogous Color

#f0babc
```
#f0babc rgb(240,186,188)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#eebaf0
```
#eebaf0 rgb(238,186,240)
```

Split Complementary Color

#f0d3ba
```
#f0d3ba rgb(240,211,186)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#d3baf0
```
#d3baf0 rgb(211,186,240)
```

Triadic Color

#d7f0ba
```
#d7f0ba rgb(215,240,186)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#d3baf0
```
#d3baf0 rgb(211,186,240)
```
#f0bad7
```
#f0bad7 rgb(240,186,215)
```

Tetradic Color

#7be2ab
```
#7be2ab rgb(123,226,171)
```
#90e7b8
```
#90e7b8 rgb(144,231,184)
```
#a5ebc6
```
#a5ebc6 rgb(165,235,198)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#cff5e0
```
#cff5e0 rgb(207,245,224)
```
#e4f9ee
```
#e4f9ee rgb(228,249,238)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Monochromatic Color

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

#baf0c6
```
#baf0c6 rgb(186,240,198)
```
#baf0ca
```
#baf0ca rgb(186,240,202)
```
#baf0cf
```
#baf0cf rgb(186,240,207)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#baf0d8
```
#baf0d8 rgb(186,240,216)
```
#baf0dc
```
#baf0dc rgb(186,240,220)
```
#baf0e1
```
#baf0e1 rgb(186,240,225)
```

Similar Colors

Text with hexadecimal color #baf0d3

This text has a font color of #baf0d3.

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

#baf0d3 background color

This paragraph has a background color of #baf0d3.

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

#baf0d3 border color

This element has a border color of #baf0d3.

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

CSS codes

.text {color:#baf0d3;}

.background {background-color:#baf0d3;}

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

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

#030c07
```
#030c07 rgb(3,12,7)
```
#061c10
```
#061c10 rgb(6,28,16)
```
#0a2c19
```
#0a2c19 rgb(10,44,25)
```
#0d3c23
```
#0d3c23 rgb(13,60,35)
```
#114c2c
```
#114c2c rgb(17,76,44)
```
#145c35
```
#145c35 rgb(20,92,53)
```
#186c3f
```
#186c3f rgb(24,108,63)
```
#1b7c48
```
#1b7c48 rgb(27,124,72)
```
#1f8c51
```
#1f8c51 rgb(31,140,81)
```
#229d5b
```
#229d5b rgb(34,157,91)
```
#26ad64
```
#26ad64 rgb(38,173,100)
```
#29bd6d
```
#29bd6d rgb(41,189,109)
```
#2dcd77
```
#2dcd77 rgb(45,205,119)
```

Shade Color Variation

#39d481
```
#39d481 rgb(57,212,129)
```
#49d78b
```
#49d78b rgb(73,215,139)
```
#59db95
```
#59db95 rgb(89,219,149)
```
#69dea0
```
#69dea0 rgb(105,222,160)
```
#7ae2aa
```
#7ae2aa rgb(122,226,170)
```
#8ae5b4
```
#8ae5b4 rgb(138,229,180)
```
#9ae9be
```
#9ae9be rgb(154,233,190)
```
#aaecc9
```
#aaecc9 rgb(170,236,201)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#caf4dd
```
#caf4dd rgb(202,244,221)
```
#daf7e8
```
#daf7e8 rgb(218,247,232)
```
#eafbf2
```
#eafbf2 rgb(234,251,242)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#d4d6d5
```
#d4d6d5 rgb(212,214,213)
```
#d1d9d5
```
#d1d9d5 rgb(209,217,213)
```
#cdddd4
```
#cdddd4 rgb(205,221,212)
```
#cae0d4
```
#cae0d4 rgb(202,224,212)
```
#c7e3d4
```
#c7e3d4 rgb(199,227,212)
```
#c4e6d4
```
#c4e6d4 rgb(196,230,212)
```
#c0ead3
```
#c0ead3 rgb(192,234,211)
```
#bdedd3
```
#bdedd3 rgb(189,237,211)
```
#baf0d3
```
#baf0d3 rgb(186,240,211)
```
#b7f3d3
```
#b7f3d3 rgb(183,243,211)
```
#b4f6d3
```
#b4f6d3 rgb(180,246,211)
```
#b0fad2
```
#b0fad2 rgb(176,250,210)
```
#adfdd2
```
#adfdd2 rgb(173,253,210)
```

Tone Color Variation

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

Dichromacy

#eee4cf Protanopia 1% of men
#fededb Deuteranopia 1% of men
#c6ebfb Tritanopia 0.001% of the population

Trichromacy

#dbe8d0 Protanomaly 1% of men, 0.01% of women
#e5e4d8 Deuteranomaly 6% of men, 0.4% of women
#c1eced Tritanomaly 0.01% of the population

#baf0d3 hex color

#baf0d3 Color Information

#baf0d3 Color Conversion

Color Schemes with #baf0d3

Alternatives to #baf0d3

#baf0d3 Preview

Shades and Tints of #baf0d3

Tones of #baf0d3

Color Blindness Simulator