#bafdff hex color

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

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

● #bafdff color description : Pale cyan.

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

Hex triplet	bafdff	`#bafdff`
RGB Decimal	186, 253, 255	`rgb(186,253,255)`
RGB Percent	72.9, 99.2, 100	`rgb(72.9%,99.2%,100%)`
CMYK	27, 1, 0, 0
HSL	181.7°, 100, 86.5	`hsl(181.7,100%,86.5%)`
HSV (or HSB)	181.7°, 27.1, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.122, -20.201, -7.685
XYZ	73.42, 87.907, 107.701
xyY	0.273, 0.327, 87.907
CIE-LCH	95.122, 21.614, 200.827
CIE-LUV	95.122, -32.905, -8.72
Hunter-Lab	93.759, -24.298, -2.476
Binary	10111010, 11111101, 11111111

#bafdff
```
#bafdff rgb(186,253,255)
```
#ffbcba
```
#ffbcba rgb(255,188,186)
```

Complementary Color

#baffdf
```
#baffdf rgb(186,255,223)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#badbff
```
#badbff rgb(186,219,255)
```

Analogous Color

#ffdfba
```
#ffdfba rgb(255,223,186)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#ffbadb
```
#ffbadb rgb(255,186,219)
```

Split Complementary Color

#fdffba
```
#fdffba rgb(253,255,186)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#ffbafd
```
#ffbafd rgb(255,186,253)
```

Triadic Color

#baffbc
```
#baffbc rgb(186,255,188)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#ffbafd
```
#ffbafd rgb(255,186,253)
```
#ffbcba
```
#ffbcba rgb(255,188,186)
```

Tetradic Color

#6efbff
```
#6efbff rgb(110,251,255)
```
#87fcff
```
#87fcff rgb(135,252,255)
```
#a1fcff
```
#a1fcff rgb(161,252,255)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#d4feff
```
#d4feff rgb(212,254,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bafff0
```
#bafff0 rgb(186,255,240)
```
#bafff6
```
#bafff6 rgb(186,255,246)
```
#bafffb
```
#bafffb rgb(186,255,251)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#baf7ff
```
#baf7ff rgb(186,247,255)
```
#baf2ff
```
#baf2ff rgb(186,242,255)
```
#baecff
```
#baecff rgb(186,236,255)
```

Similar Colors

Text with hexadecimal color #bafdff

This text has a font color of #bafdff.

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

#bafdff background color

This paragraph has a background color of #bafdff.

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

#bafdff border color

This element has a border color of #bafdff.

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

CSS codes

.text {color:#bafdff;}

.background {background-color:#bafdff;}

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

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)
```
#001c1d
```
#001c1d rgb(0,28,29)
```
#002f31
```
#002f31 rgb(0,47,49)
```
#004244
```
#004244 rgb(0,66,68)
```
#005558
```
#005558 rgb(0,85,88)
```
#00686c
```
#00686c rgb(0,104,108)
```
#007b7f
```
#007b7f rgb(0,123,127)
```
#008f93
```
#008f93 rgb(0,143,147)
```
#00a2a6
```
#00a2a6 rgb(0,162,166)
```
#00b5ba
```
#00b5ba rgb(0,181,186)
```
#00c8ce
```
#00c8ce rgb(0,200,206)
```
#00dbe1
```
#00dbe1 rgb(0,219,225)
```
#00eef5
```
#00eef5 rgb(0,238,245)
```

Shade Color Variation

#09f8ff
```
#09f8ff rgb(9,248,255)
```
#1df8ff
```
#1df8ff rgb(29,248,255)
```
#31f9ff
```
#31f9ff rgb(49,249,255)
```
#44faff
```
#44faff rgb(68,250,255)
```
#58faff
```
#58faff rgb(88,250,255)
```
#6cfbff
```
#6cfbff rgb(108,251,255)
```
#7ffbff
```
#7ffbff rgb(127,251,255)
```
#93fcff
```
#93fcff rgb(147,252,255)
```
#a6fcff
```
#a6fcff rgb(166,252,255)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#cefeff
```
#cefeff rgb(206,254,255)
```
#e1feff
```
#e1feff rgb(225,254,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 #bafdff 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)
```
#caeeef
```
#caeeef rgb(202,238,239)
```
#c7f1f2
```
#c7f1f2 rgb(199,241,242)
```
#c5f3f4
```
#c5f3f4 rgb(197,243,244)
```
#c2f6f7
```
#c2f6f7 rgb(194,246,247)
```
#bff8fa
```
#bff8fa rgb(191,248,250)
```
#bdfbfc
```
#bdfbfc rgb(189,251,252)
```
#bafdff
```
#bafdff rgb(186,253,255)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e0eded Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3f0f8 Protanopia 1% of men
#faedff Deuteranopia 1% of men
#dcf6ff Tritanopia 0.001% of the population

Trichromacy

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

#bafdff hex color

#bafdff Color Information

#bafdff Color Conversion

Color Schemes with #bafdff

Alternatives to #bafdff

#bafdff Preview

Shades and Tints of #bafdff

Tones of #bafdff

Color Blindness Simulator