#baffe4 hex color

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

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

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

The hexadecimal color #baffe4 has RGB values of R:186, G:255, B:228 and CMYK values of C:0.27, M:0, Y:0.11, K:0. Its decimal value is 12255204.

Hex triplet	baffe4	`#baffe4`
RGB Decimal	186, 255, 228	`rgb(186,255,228)`
RGB Percent	72.9, 100, 89.4	`rgb(72.9%,100%,89.4%)`
CMYK	27, 0, 11, 0
HSL	156.5°, 100, 86.5	`hsl(156.5,100%,86.5%)`
HSV (or HSB)	156.5°, 27.1, 100
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.975, -26.784, 6.028
XYZ	70.01, 87.558, 86.606
xyY	0.287, 0.359, 87.558
CIE-LCH	94.975, 27.454, 167.317
CIE-LUV	94.975, -33.851, 13.865
Hunter-Lab	93.572, -30.201, 10.625
Binary	10111010, 11111111, 11100100

#baffe4
```
#baffe4 rgb(186,255,228)
```
#ffbad5
```
#ffbad5 rgb(255,186,213)
```

Complementary Color

#baffc2
```
#baffc2 rgb(186,255,194)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#baf8ff
```
#baf8ff rgb(186,248,255)
```

Analogous Color

#ffc2ba
```
#ffc2ba rgb(255,194,186)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#ffbaf8
```
#ffbaf8 rgb(255,186,248)
```

Split Complementary Color

#ffe4ba
```
#ffe4ba rgb(255,228,186)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#e4baff
```
#e4baff rgb(228,186,255)
```

Triadic Color

#d5ffba
```
#d5ffba rgb(213,255,186)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#e4baff
```
#e4baff rgb(228,186,255)
```
#ffbad5
```
#ffbad5 rgb(255,186,213)
```

Tetradic Color

#6effc6
```
#6effc6 rgb(110,255,198)
```
#87ffd0
```
#87ffd0 rgb(135,255,208)
```
#a1ffda
```
#a1ffda rgb(161,255,218)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#d4ffee
```
#d4ffee rgb(212,255,238)
```
#edfff8
```
#edfff8 rgb(237,255,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baffd3
```
#baffd3 rgb(186,255,211)
```
#baffd9
```
#baffd9 rgb(186,255,217)
```
#baffde
```
#baffde rgb(186,255,222)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#baffea
```
#baffea rgb(186,255,234)
```
#bafff0
```
#bafff0 rgb(186,255,240)
```
#bafff5
```
#bafff5 rgb(186,255,245)
```

Similar Colors

Text with hexadecimal color #baffe4

This text has a font color of #baffe4.

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

#baffe4 background color

This paragraph has a background color of #baffe4.

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

#baffe4 border color

This element has a border color of #baffe4.

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

CSS codes

.text {color:#baffe4;}

.background {background-color:#baffe4;}

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

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

#000906
```
#000906 rgb(0,9,6)
```
#001d12
```
#001d12 rgb(0,29,18)
```
#00311e
```
#00311e rgb(0,49,30)
```
#00442a
```
#00442a rgb(0,68,42)
```
#005836
```
#005836 rgb(0,88,54)
```
#006c41
```
#006c41 rgb(0,108,65)
```
#007f4d
```
#007f4d rgb(0,127,77)
```
#009359
```
#009359 rgb(0,147,89)
```
#00a665
```
#00a665 rgb(0,166,101)
```
#00ba71
```
#00ba71 rgb(0,186,113)
```
#00ce7d
```
#00ce7d rgb(0,206,125)
```
#00e189
```
#00e189 rgb(0,225,137)
```
#00f595
```
#00f595 rgb(0,245,149)
```

Shade Color Variation

#09ff9f
```
#09ff9f rgb(9,255,159)
```
#1dffa7
```
#1dffa7 rgb(29,255,167)
```
#31ffae
```
#31ffae rgb(49,255,174)
```
#44ffb6
```
#44ffb6 rgb(68,255,182)
```
#58ffbe
```
#58ffbe rgb(88,255,190)
```
#6cffc5
```
#6cffc5 rgb(108,255,197)
```
#7fffcd
```
#7fffcd rgb(127,255,205)
```
#93ffd5
```
#93ffd5 rgb(147,255,213)
```
#a6ffdc
```
#a6ffdc rgb(166,255,220)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```
#ceffec
```
#ceffec rgb(206,255,236)
```
#e1fff3
```
#e1fff3 rgb(225,255,243)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

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

#dadfdd
```
#dadfdd rgb(218,223,221)
```
#d7e2de
```
#d7e2de rgb(215,226,222)
```
#d5e4de
```
#d5e4de rgb(213,228,222)
```
#d2e7df
```
#d2e7df rgb(210,231,223)
```
#cfeadf
```
#cfeadf rgb(207,234,223)
```
#cdece0
```
#cdece0 rgb(205,236,224)
```
#caefe1
```
#caefe1 rgb(202,239,225)
```
#c7f2e1
```
#c7f2e1 rgb(199,242,225)
```
#c5f4e2
```
#c5f4e2 rgb(197,244,226)
```
#c2f7e2
```
#c2f7e2 rgb(194,247,226)
```
#bffae3
```
#bffae3 rgb(191,250,227)
```
#bdfce3
```
#bdfce3 rgb(189,252,227)
```
#baffe4
```
#baffe4 rgb(186,255,228)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#deece6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#faf0de Protanopia 1% of men
#ffedee Deuteranopia 1% of men
#ddf5ff Tritanopia 0.001% of the population

Trichromacy

#e2f5e0 Protanomaly 1% of men, 0.01% of women
#e5f3ea Deuteranomaly 6% of men, 0.4% of women
#d0f8f5 Tritanomaly 0.01% of the population

#baffe4 hex color

#baffe4 Color Information

#baffe4 Color Conversion

Color Schemes with #baffe4

Alternatives to #baffe4

#baffe4 Preview

Shades and Tints of #baffe4

Tones of #baffe4

Color Blindness Simulator