#bafeff hex color

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

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

● #bafeff color description : Pale cyan.

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

Hex triplet	bafeff	`#bafeff`
RGB Decimal	186, 254, 255	`rgb(186,254,255)`
RGB Percent	72.9, 99.6, 100	`rgb(72.9%,99.6%,100%)`
CMYK	27, 0, 0, 0
HSL	180.9°, 100, 86.5	`hsl(180.9,100%,86.5%)`
HSV (or HSB)	180.9°, 27.1, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.388, -20.69, -7.291
XYZ	73.737, 88.54, 107.807
xyY	0.273, 0.328, 88.54
CIE-LCH	95.388, 21.937, 199.412
CIE-LUV	95.388, -33.333, -8.008
Hunter-Lab	94.096, -24.788, -2.063
Binary	10111010, 11111110, 11111111

#bafeff
```
#bafeff rgb(186,254,255)
```
#ffbbba
```
#ffbbba rgb(255,187,186)
```

Complementary Color

#baffde
```
#baffde rgb(186,255,222)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#badcff
```
#badcff rgb(186,220,255)
```

Analogous Color

#ffdeba
```
#ffdeba rgb(255,222,186)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#ffbadc
```
#ffbadc rgb(255,186,220)
```

Split Complementary Color

#feffba
```
#feffba rgb(254,255,186)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#ffbafe
```
#ffbafe rgb(255,186,254)
```

Triadic Color

#baffbb
```
#baffbb rgb(186,255,187)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#ffbafe
```
#ffbafe rgb(255,186,254)
```
#ffbbba
```
#ffbbba rgb(255,187,186)
```

Tetradic Color

#6efdff
```
#6efdff rgb(110,253,255)
```
#87fdff
```
#87fdff rgb(135,253,255)
```
#a1feff
```
#a1feff rgb(161,254,255)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#d4feff
```
#d4feff rgb(212,254,255)
```
#edffff
```
#edffff rgb(237,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baffef
```
#baffef rgb(186,255,239)
```
#bafff5
```
#bafff5 rgb(186,255,245)
```
#bafffa
```
#bafffa rgb(186,255,250)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#baf8ff
```
#baf8ff rgb(186,248,255)
```
#baf3ff
```
#baf3ff rgb(186,243,255)
```
#baedff
```
#baedff rgb(186,237,255)
```

Similar Colors

Text with hexadecimal color #bafeff

This text has a font color of #bafeff.

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

#bafeff background color

This paragraph has a background color of #bafeff.

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

#bafeff border color

This element has a border color of #bafeff.

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

CSS codes

.text {color:#bafeff;}

.background {background-color:#bafeff;}

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001d1d
```
#001d1d rgb(0,29,29)
```
#003031
```
#003031 rgb(0,48,49)
```
#004344
```
#004344 rgb(0,67,68)
```
#005758
```
#005758 rgb(0,87,88)
```
#006a6c
```
#006a6c rgb(0,106,108)
```
#007d7f
```
#007d7f rgb(0,125,127)
```
#009193
```
#009193 rgb(0,145,147)
```
#00a4a6
```
#00a4a6 rgb(0,164,166)
```
#00b7ba
```
#00b7ba rgb(0,183,186)
```
#00cbce
```
#00cbce rgb(0,203,206)
```
#00dee1
```
#00dee1 rgb(0,222,225)
```
#00f1f5
```
#00f1f5 rgb(0,241,245)
```

Shade Color Variation

#09fbff
```
#09fbff rgb(9,251,255)
```
#1dfcff
```
#1dfcff rgb(29,252,255)
```
#31fcff
```
#31fcff rgb(49,252,255)
```
#44fcff
```
#44fcff rgb(68,252,255)
```
#58fdff
```
#58fdff rgb(88,253,255)
```
#6cfdff
```
#6cfdff rgb(108,253,255)
```
#7ffdff
```
#7ffdff rgb(127,253,255)
```
#93fdff
```
#93fdff rgb(147,253,255)
```
#a6feff
```
#a6feff rgb(166,254,255)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#cefeff
```
#cefeff rgb(206,254,255)
```
#e1ffff
```
#e1ffff rgb(225,255,255)
```
#f5ffff
```
#f5ffff rgb(245,255,255)
```

Tint Color Variation

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

#dadfdf
```
#dadfdf rgb(218,223,223)
```
#d7e2e2
```
#d7e2e2 rgb(215,226,226)
```
#d5e4e4
```
#d5e4e4 rgb(213,228,228)
```
#d2e7e7
```
#d2e7e7 rgb(210,231,231)
```
#cfe9ea
```
#cfe9ea rgb(207,233,234)
```
#cdecec
```
#cdecec rgb(205,236,236)
```
#caefef
```
#caefef rgb(202,239,239)
```
#c7f1f2
```
#c7f1f2 rgb(199,241,242)
```
#c5f4f4
```
#c5f4f4 rgb(197,244,244)
```
#c2f6f7
```
#c2f6f7 rgb(194,246,247)
```
#bff9fa
```
#bff9fa rgb(191,249,250)
```
#bdfbfc
```
#bdfbfc rgb(189,251,252)
```
#bafeff
```
#bafeff rgb(186,254,255)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#e0eeee Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4f1f7 Protanopia 1% of men
#fbeeff Deuteranopia 1% of men
#def6ff Tritanopia 0.001% of the population

Trichromacy

#dff5fa Protanomaly 1% of men, 0.01% of women
#e3f3ff Deuteranomaly 6% of men, 0.4% of women
#d1f9ff Tritanomaly 0.01% of the population

#bafeff hex color

#bafeff Color Information

#bafeff Color Conversion

Color Schemes with #bafeff

Alternatives to #bafeff

#bafeff Preview

Shades and Tints of #bafeff

Tones of #bafeff

Color Blindness Simulator