#bdfdff hex color

In a RGB color space, hex #bdfdff is composed of 74.1% red, 99.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0.8% magenta, 0% yellow and 0% black. It has a hue angle of 181.8 degrees, a saturation of 100% and a lightness of 87.1%. #bdfdff color hex could be obtained by blending #ffffff with #7bfbff. Closest websafe color is: #ccffff.

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

● #bdfdff color description : Pale cyan.

The hexadecimal color #bdfdff has RGB values of R:189, G:253, B:255 and CMYK values of C:0.26, M:0.01, Y:0, K:0. Its decimal value is 12451327.

Hex triplet	bdfdff	`#bdfdff`
RGB Decimal	189, 253, 255	`rgb(189,253,255)`
RGB Percent	74.1, 99.2, 100	`rgb(74.1%,99.2%,100%)`
CMYK	26, 1, 0, 0
HSL	181.8°, 100, 87.1	`hsl(181.8,100%,87.1%)`
HSV (or HSB)	181.8°, 25.9, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.282, -19.361, -7.431
XYZ	74.157, 88.287, 107.736
xyY	0.274, 0.327, 88.287
CIE-LCH	95.282, 20.738, 200.996
CIE-LUV	95.282, -31.646, -8.445
Hunter-Lab	93.961, -23.554, -2.209
Binary	10111101, 11111101, 11111111

#bdfdff
```
#bdfdff rgb(189,253,255)
```
#ffbfbd
```
#ffbfbd rgb(255,191,189)
```

Complementary Color

#bdffe0
```
#bdffe0 rgb(189,255,224)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#bddcff
```
#bddcff rgb(189,220,255)
```

Analogous Color

#ffe0bd
```
#ffe0bd rgb(255,224,189)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#ffbddc
```
#ffbddc rgb(255,189,220)
```

Split Complementary Color

#fdffbd
```
#fdffbd rgb(253,255,189)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#ffbdfd
```
#ffbdfd rgb(255,189,253)
```

Triadic Color

#bdffbf
```
#bdffbf rgb(189,255,191)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#ffbdfd
```
#ffbdfd rgb(255,189,253)
```
#ffbfbd
```
#ffbfbd rgb(255,191,189)
```

Tetradic Color

#71fbff
```
#71fbff rgb(113,251,255)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#a4fcff
```
#a4fcff rgb(164,252,255)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#d7feff
```
#d7feff rgb(215,254,255)
```
#f0ffff
```
#f0ffff rgb(240,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfff1
```
#bdfff1 rgb(189,255,241)
```
#bdfff6
```
#bdfff6 rgb(189,255,246)
```
#bdfffc
```
#bdfffc rgb(189,255,252)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#bdf8ff
```
#bdf8ff rgb(189,248,255)
```
#bdf2ff
```
#bdf2ff rgb(189,242,255)
```
#bdedff
```
#bdedff rgb(189,237,255)
```

Similar Colors

Text with hexadecimal color #bdfdff

This text has a font color of #bdfdff.

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

#bdfdff background color

This paragraph has a background color of #bdfdff.

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

#bdfdff border color

This element has a border color of #bdfdff.

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

CSS codes

.text {color:#bdfdff;}

.background {background-color:#bdfdff;}

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

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, #000c0c is the darkest color, while #f8ffff is the lightest one.

#000c0c
```
#000c0c rgb(0,12,12)
```
#001f20
```
#001f20 rgb(0,31,32)
```
#003234
```
#003234 rgb(0,50,52)
```
#004547
```
#004547 rgb(0,69,71)
```
#00585b
```
#00585b rgb(0,88,91)
```
#006b6f
```
#006b6f rgb(0,107,111)
```
#007e82
```
#007e82 rgb(0,126,130)
```
#009196
```
#009196 rgb(0,145,150)
```
#00a4a9
```
#00a4a9 rgb(0,164,169)
```
#00b7bd
```
#00b7bd rgb(0,183,189)
```
#00cad1
```
#00cad1 rgb(0,202,209)
```
#00dde4
```
#00dde4 rgb(0,221,228)
```
#00f0f8
```
#00f0f8 rgb(0,240,248)
```

Shade Color Variation

#0cf8ff
```
#0cf8ff rgb(12,248,255)
```
#20f8ff
```
#20f8ff rgb(32,248,255)
```
#34f9ff
```
#34f9ff rgb(52,249,255)
```
#47f9ff
```
#47f9ff rgb(71,249,255)
```
#5bfaff
```
#5bfaff rgb(91,250,255)
```
#6ffbff
```
#6ffbff rgb(111,251,255)
```
#82fbff
```
#82fbff rgb(130,251,255)
```
#96fcff
```
#96fcff rgb(150,252,255)
```
#a9fcff
```
#a9fcff rgb(169,252,255)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#d1feff
```
#d1feff rgb(209,254,255)
```
#e4feff
```
#e4feff rgb(228,254,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#dbe0e1
```
#dbe0e1 rgb(219,224,225)
```
#d9e3e3
```
#d9e3e3 rgb(217,227,227)
```
#d6e5e6
```
#d6e5e6 rgb(214,229,230)
```
#d4e8e8
```
#d4e8e8 rgb(212,232,232)
```
#d1eaeb
```
#d1eaeb rgb(209,234,235)
```
#cfeced
```
#cfeced rgb(207,236,237)
```
#cceff0
```
#cceff0 rgb(204,239,240)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#c7f3f5
```
#c7f3f5 rgb(199,243,245)
```
#c5f6f7
```
#c5f6f7 rgb(197,246,247)
```
#c2f8fa
```
#c2f8fa rgb(194,248,250)
```
#c0fbfc
```
#c0fbfc rgb(192,251,252)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```

Tone Color Variation

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

Dichromacy

#f4f0f8 Protanopia 1% of men
#fbedff Deuteranopia 1% of men
#def6ff Tritanopia 0.001% of the population

Trichromacy

#e0f5fa Protanomaly 1% of men, 0.01% of women
#e4f3ff Deuteranomaly 6% of men, 0.4% of women
#d2f8ff Tritanomaly 0.01% of the population

#bdfdff hex color

#bdfdff Color Information

#bdfdff Color Conversion

Color Schemes with #bdfdff

Alternatives to #bdfdff

#bdfdff Preview

Shades and Tints of #bdfdff

Tones of #bdfdff

Color Blindness Simulator