#baffcc hex color

In a RGB color space, hex #baffcc is composed of 72.9% red, 100% green and 80% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 20% yellow and 0% black. It has a hue angle of 135.7 degrees, a saturation of 100% and a lightness of 86.5%. #baffcc color hex could be obtained by blending #ffffff with #75ff99. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 100
- B 80
RGB color chart
- C 27
- M 0
- Y 20
- K 0
CMYK color chart

● #baffcc color description : Pale cyan - lime green.

The hexadecimal color #baffcc has RGB values of R:186, G:255, B:204 and CMYK values of C:0.27, M:0, Y:0.2, K:0. Its decimal value is 12255180.

Hex triplet	baffcc	`#baffcc`
RGB Decimal	186, 255, 204	`rgb(186,255,204)`
RGB Percent	72.9, 100, 80	`rgb(72.9%,100%,80%)`
CMYK	27, 0, 20, 0
HSL	135.7°, 100, 86.5	`hsl(135.7,100%,86.5%)`
HSV (or HSB)	135.7°, 27.1, 100
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.447, -31.287, 17.6
XYZ	66.906, 86.316, 70.259
xyY	0.299, 0.386, 86.316
CIE-LCH	94.447, 35.898, 150.641
CIE-LUV	94.447, -33.94, 31.563
Hunter-Lab	92.907, -34.042, 20.198
Binary	10111010, 11111111, 11001100

#baffcc
```
#baffcc rgb(186,255,204)
```
#ffbaed
```
#ffbaed rgb(255,186,237)
```

Complementary Color

#cbffba
```
#cbffba rgb(203,255,186)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#baffef
```
#baffef rgb(186,255,239)
```

Analogous Color

#ffbacb
```
#ffbacb rgb(255,186,203)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#efbaff
```
#efbaff rgb(239,186,255)
```

Split Complementary Color

#ffccba
```
#ffccba rgb(255,204,186)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#ccbaff
```
#ccbaff rgb(204,186,255)
```

Triadic Color

#edffba
```
#edffba rgb(237,255,186)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#ccbaff
```
#ccbaff rgb(204,186,255)
```
#ffbaed
```
#ffbaed rgb(255,186,237)
```

Tetradic Color

#6eff93
```
#6eff93 rgb(110,255,147)
```
#87ffa6
```
#87ffa6 rgb(135,255,166)
```
#a1ffb9
```
#a1ffb9 rgb(161,255,185)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#d4ffdf
```
#d4ffdf rgb(212,255,223)
```
#edfff2
```
#edfff2 rgb(237,255,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baffbb
```
#baffbb rgb(186,255,187)
```
#baffc1
```
#baffc1 rgb(186,255,193)
```
#baffc6
```
#baffc6 rgb(186,255,198)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#baffd2
```
#baffd2 rgb(186,255,210)
```
#baffd8
```
#baffd8 rgb(186,255,216)
```
#baffdd
```
#baffdd rgb(186,255,221)
```

Similar Colors

Text with hexadecimal color #baffcc

This text has a font color of #baffcc.

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

#baffcc background color

This paragraph has a background color of #baffcc.

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

#baffcc border color

This element has a border color of #baffcc.

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

CSS codes

.text {color:#baffcc;}

.background {background-color:#baffcc;}

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

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, #000902 is the darkest color, while #f5fff7 is the lightest one.

#000902
```
#000902 rgb(0,9,2)
```
#001d08
```
#001d08 rgb(0,29,8)
```
#00310d
```
#00310d rgb(0,49,13)
```
#004412
```
#004412 rgb(0,68,18)
```
#005817
```
#005817 rgb(0,88,23)
```
#006c1c
```
#006c1c rgb(0,108,28)
```
#007f21
```
#007f21 rgb(0,127,33)
```
#009326
```
#009326 rgb(0,147,38)
```
#00a62b
```
#00a62b rgb(0,166,43)
```
#00ba31
```
#00ba31 rgb(0,186,49)
```
#00ce36
```
#00ce36 rgb(0,206,54)
```
#00e13b
```
#00e13b rgb(0,225,59)
```
#00f540
```
#00f540 rgb(0,245,64)
```

Shade Color Variation

#09ff4a
```
#09ff4a rgb(9,255,74)
```
#1dff58
```
#1dff58 rgb(29,255,88)
```
#31ff67
```
#31ff67 rgb(49,255,103)
```
#44ff75
```
#44ff75 rgb(68,255,117)
```
#58ff84
```
#58ff84 rgb(88,255,132)
```
#6cff92
```
#6cff92 rgb(108,255,146)
```
#7fffa1
```
#7fffa1 rgb(127,255,161)
```
#93ffaf
```
#93ffaf rgb(147,255,175)
```
#a6ffbe
```
#a6ffbe rgb(166,255,190)
```
#baffcc
```
#baffcc rgb(186,255,204)
```
#ceffda
```
#ceffda rgb(206,255,218)
```
#e1ffe9
```
#e1ffe9 rgb(225,255,233)
```
#f5fff7
```
#f5fff7 rgb(245,255,247)
```

Tint Color Variation

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

#dadfdb
```
#dadfdb rgb(218,223,219)
```
#d7e2da
```
#d7e2da rgb(215,226,218)
```
#d5e4d9
```
#d5e4d9 rgb(213,228,217)
```
#d2e7d7
```
#d2e7d7 rgb(210,231,215)
```
#cfead6
```
#cfead6 rgb(207,234,214)
```
#cdecd5
```
#cdecd5 rgb(205,236,213)
```
#caefd4
```
#caefd4 rgb(202,239,212)
```
#c7f2d2
```
#c7f2d2 rgb(199,242,210)
```
#c5f4d1
```
#c5f4d1 rgb(197,244,209)
```
#c2f7d0
```
#c2f7d0 rgb(194,247,208)
```
#bffacf
```
#bffacf rgb(191,250,207)
```
#bdfccd
```
#bdfccd rgb(189,252,205)
```
#baffcc
```
#baffcc rgb(186,255,204)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dceae0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fdefc7 Protanopia 1% of men
#ffece4 Deuteranopia 1% of men
#daf4ff Tritanopia 0.001% of the population

Trichromacy

#e4f5c9 Protanomaly 1% of men, 0.01% of women
#e5f3db Deuteranomaly 6% of men, 0.4% of women
#cef8ec Tritanomaly 0.01% of the population

#baffcc hex color

#baffcc Color Information

#baffcc Color Conversion

Color Schemes with #baffcc

Alternatives to #baffcc

#baffcc Preview

Shades and Tints of #baffcc

Tones of #baffcc

Color Blindness Simulator